Bootstrap中的开始日期和结束日期

Question

我正在使用Bootstrap DatePicker。我想验证从日期和到目前为止。开始日期正确选择今天的日期。我有一个问题“迄今没有选择开始日期（即从日期值）”。如何解决它？

$(document).ready(function() { 
    $('#fromDate').datepicker({ 
     startDate: new Date(), 
    }); 

    $('#toDate').datepicker({ 
     startDate: $('#fromDate').val(), 
    }); 
}); 

Answer 1

在您设置$('#toDate').datepicker()的时间，$('#fromDate')值为空。

应设置在开始时默认startDate和endDate变量，并添加changeDate事件侦听器，您datepickers。

例如：

// set default dates 
var start = new Date(); 
// set end date to max one year period: 
var end = new Date(new Date().setYear(start.getFullYear()+1)); 

$('#fromDate').datepicker({ 
    startDate : start, 
    endDate : end 
// update "toDate" defaults whenever "fromDate" changes 
}).on('changeDate', function(){ 
    // set the "toDate" start to not be later than "fromDate" ends: 
    $('#toDate').datepicker('setStartDate', new Date($(this).val())); 
}); 

$('#toDate').datepicker({ 
    startDate : start, 
    endDate : end 
// update "fromDate" defaults whenever "toDate" changes 
}).on('changeDate', function(){ 
    // set the "fromDate" end to not be later than "toDate" starts: 
    $('#fromDate').datepicker('setEndDate', new Date($(this).val())); 
});