Bootstrap jQuery Datepicker限制日期選擇器在兩個日曆的第一個日曆上的三天

我有兩個Bootstrap Datepicker日曆字段。在第一個日曆上，人們只能從今天開始選擇過去三天，而在第二個日曆上，我想將startDate和endDate設置爲今天。如果選擇時間超過三天，則提示出錯。假設今天是11月3日。當人在第一個日曆中選擇11月1日，2日或3日時，第二個日曆將在11月3日。如果有人試圖選擇10月31日，它會發出警報。Bootstrap jQuery Datepicker限制日期選擇器在兩個日曆的第一個日曆上的三天

我有什麼（UPDATE）：

<input type="text" id="startDate"> 
<input type="text" id="endDate"> 


    $("#dt1").datepicker({ 
     dateFormat: "dd-M-yy", 
     maxDate: 0, 
     minDate: -2, 
     onSelect: function (date) { 
      var date2 = $('#dt1').datepicker('getDate'); 
      date2.setDate(date2.getDate() + 2); 
      $('#dt2').datepicker('setDate', date2); 
      $('#dt2').datepicker('option', 'maxDate', date2); 

      var dt3 = $('#dt1').datepicker('getDate'); 
      console.log(dt1); 
      var dt4 = $('#dt2').datepicker('getDate'); 

      if (dt3 == dt4) { 
       maxDate: 0; 
       minDate: 0; 

       var date3 = $('#dt1').datepicker('getDate'); 
       var date4 = $('#dt2').datepicker('getDate'); 
       date4.setDate(date3.getDate()); 
      } 
     } 
    }); 
    $('#dt2').datepicker({ 
     dateFormat: "dd-M-yy", 
     minDate: 0, 
     maxDate: 0, 
     onClose: function() { 
      var dt1 = $('#dt1').datepicker('getDate'); 
      console.log(dt1); 
      var dt2 = $('#dt2').datepicker('getDate'); 

      if (dt2 <= dt1) { 
       var minDate = $('#dt2').datepicker('option', 'minDate'); 
       $('#dt2').datepicker('setDate', minDate); 
      } 
     } 
    });

來源

2015-11-03 raqulka

*「我有兩個引導日期選擇器日曆字段」 * - 從您發佈的代碼，看來你擁有jQuery的日期選擇器，而不是自引導日期選擇器（Eternicode）！你在使用哪一個？如果是後者，那麼'startDate'和'minDate'有什麼問題？點擊這裏 - http://codepen.io/Abhitalks/pen/ojMpNN/ – Abhitalks

所以我用引導日期選擇器，並用此溶液走了過來。到目前爲止工作很好。

var nowDate = new Date(); 
var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0); 

$('#datetimepicker6').datepicker({ 
    startDate: "-3d", 
    endDate: today, 
    format: 'yyyy-mm-dd', 
    autoclose: true, 
    todayHighlight: true 
}).on('changeDate', function (e) { 
    // Revalidate the date field 
    $('#movieForm').formValidation('revalidateField', 'datetimepicker6'); 
}); 


$('#datetimepicker7').datepicker({ 
    startDate: today, 
    endDate: today, 
    format: 'yyyy-mm-dd', 
    autoclose: true, 
    todayHighlight: true 
}).datepicker("setDate", today).on('changeDate', function (e) { 
    // Revalidate the date field 
    $('#movieForm').formValidation('revalidateField', 'datetimepicker7'); 
});

來源

2015-11-03 09:39:50 raqulka

Bootstrap jQuery Datepicker限制日期選擇器在兩個日曆的第一個日曆上的三天

回答

相關問題