2016-11-01 31 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

パーフェクトを追加します。どうもありがとう。 –

関連する問題