在 Bootstrap Datepicker 中设置最小日期答案

【问题标题】：Setup Min Date in Bootstrap Datepicker在 Bootstrap Datepicker 中设置最小日期
【发布时间】：2018-05-22 10:28:13
【问题描述】：

在我的情况下，我想在更改一个输入时动态更改思维导图

$('#text1').on('changeDate', function () {
                var sdate = moment.utc((<any>$('#text1')).datepicker('getFormattedDate')).subtract(1, "days");
                (<any>$("#LossDate")).datepicker('minDate', sdate.format("MM-DD-YYYY"));
            });

我也在尝试

$('#text1').on('changeDate', function () {
                    var sdate = moment.utc((<any>$('#text1')).datepicker('getFormattedDate')).subtract(1, "days");
                    (<any>$("#LossDate")).datepicker('setStartDate', sdate.format("MM-DD-YYYY"));
                });

和

 $('#text1').on('changeDate', function () {
                        var sdate = moment.utc((<any>$('#text1')).datepicker('getFormattedDate')).subtract(1, "days");
                        (<any>$("#LossDate")).datepicker('startDate', sdate.format("MM-DD-YYYY"));
                    });

和

 $('#text1').on('changeDate', function () {
                            var sdate = moment.utc((<any>$('#text1')).datepicker('getFormattedDate')).subtract(1, "days");
                            (<any>$("#LossDate")).datepicker('SetstartDate', sdate.format("MM-DD-YYYY"));
                        });

但在我的情况下没有任何效果

【问题讨论】：

为您的问题创建一个工作示例链接，以便我们进行测试（如小提琴链接）

标签： javascript jquery date datepicker

【解决方案1】：

这是工作的javascript：

$(document).ready(function(){
  
    $("#startdate").datepicker({
        todayBtn:  1,
        autoclose: true,
    }).on('changeDate', function (selected) {
        var minDate = new Date(selected.date.valueOf());
        $('#enddate').datepicker('setStartDate', minDate);
    });
    
    $("#enddate").datepicker()
        .on('changeDate', function (selected) {
            var minDate = new Date(selected.date.valueOf());
            $('#startdate').datepicker('setEndDate', minDate);
        });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.min.js"></script>

<div class="row">
    <div class="col-xs-6">
        <div class="form-group">
            <label class="control-label">Start</label>
            <input class="form-control" type="text" placehoder="Start Date" id="startdate"/>
        </div>
    </div>
    <div class="col-xs-6">
        <div class="form-group">
            <label class="control-label">End</label>
            <input class="form-control" type="text" placehoder="End Date" id="enddate"/>
        </div>
    </div>
</div>

快乐编码

【讨论】：

【解决方案2】：

使用这个

$("#text1").datepicker({
 autoclose: true
}).on('changeDate', function (selected) {
    var minDate = new Date('2017-12-01');
    $('#text1').datepicker('setStartDate', minDate);
});

【讨论】：