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())); 
});