web-dev-qa-db-ja.com

Bootstrapの開始日と終了日

Bootstrap DatePickerを使用しています。検証したい開始日および終了日。開始日を正しく選択してください。今日の日付を選択してください。問題があります。 「ToDateは開始日を選択しません（つまり、日付値から）」。それを解決するにはどうすればよいですか？

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

    $('#toDate').datepicker({
        startDate: $('#fromDate').val(),
    });
 });
jquerytwitter-bootstrapvalidationdatedatepicker
7
Aravinthan K

$('#toDate').datepicker()を設定した時点では、$('#fromDate')の値は空です。

最初にデフォルトのstartDate変数とendDate変数を設定し、changeDate日付ピッカーのイベントリスナー。

例えば。：

// 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()));
});
19
Artur Filipiak