2016-11-01 55 views
0

我在到達&出發日期時使用pickadate.js,並希望出發日期在抵達日期之前或之前不允許任何日期,並將出發日期設置爲關注日期之後的日期到達日期。因此,例如2016年12月16日的抵達將允許選擇僅從12月17日起的出發日期。這是我有:pickadate.js根據第一個輸入設置焦點

 <script src="pickadate/lib/jquery.js"></script> 
     <script src="pickadate/lib/picker.js"></script> 
     <script src="pickadate/lib/picker.date.js"></script> 
     <script src="pickadate/lib/legacy.js"></script> 
     <script type="text/javascript"> 
      $('#dateArrival').pickadate({ 
       min: true, 
       max: new Date(2018,12,31), 
       format: 'd mmm yyyy', // Friendly format displayed to user 
       formatSubmit: 'yyyy-mm-dd', // Actual format used by application 
       hiddenName: true,   // Allows two different formats 
       disable: [ // Dates already booked 
       new Date(2016,11,13), 
       new Date(2016,11,29) 
       ] 
      }); 

      $('#dateDepart').pickadate({ 
       min: true, 
       max: new Date(2018,12,31), 
       format: 'd mmm yyyy', 
       formatSubmit: 'yyyy-mm-dd', 
       hiddenName: true, 
       disable: [ 
       new Date(2016,11,13), 
       new Date(2016,11,29) 
       ] 
      }); 
     </script> 

回答

1
var frompic = $('#input_from').pickadate(); 
var topic = $('#input_to').pickadate(); 

初始化後,檢索對象拾取

fromIns = frompic.pickadate('picker'); 
toIns = topic.pickadate('picker'); 

添加set事件處理程序

fromIns.on('set', function(event) { 
    if (event.select) { 
    sel = fromIns.get('select'); //get entered date 
    newDte = new Date(sel.year,sel.month,sel.date) ; 
    newDte.setDate(newDte.getDate()+1); // inc date by 1 
    toIns.set('min', new Date(newDte.getFullYear(),newDte.getMonth(),newDte.getDate())); 
} 
}); 
+0

完美。非常感謝。 –

相關問題