空氣日期選擇器js：小時+2

Question

我嘗試將小時數 (+2h) 設置為實際日期，而不是其他時間。

例子：

今天是10月18日，時間：10am。

• 如果我單擊（不更改日期）-> 時間是下午 12 點。
• 如果我點擊並選擇明天（10 月 19 日）-> 我隨時選擇。

今天是10月19日，時間：08am。

• 如果我單擊（不更改日期）-> 時間是上午 10 點。
• 如果我點擊並選擇明天（10 月 20 日）-> 我隨時選擇。

PS：如果可能，我想禁用輸入中的條目（因為我們可以更改時間）

謝謝

 var start = new Date() var hour = start.getHours()+2; $('#date').datepicker({ language: 'en', timepicker: true, minHours: hour })

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/i18n/datepicker.en.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.css" rel="stylesheet"/> <input type='text' id="date" class="" />

Answer 1

編輯：我以為您想禁用以前的日期（所有內容 < 現在 + 2 小時）。 如果沒有，只需將minDate: start更改為startDate: start 。

嘗試：

 var start = new Date(); // first available date and time start.setHours(start.getHours() + 2); $('#date').datepicker({ language: 'en', timepicker: true, minDate: start, onSelect: function(fd, d, picker) { if (d < start) { return; } if (d.getDate() == start.getDate() && d.getMonth() == start.getMonth() && d.getYear() == start.getYear()) { // set minHours to start hours picker.update({ minHours: start.getHours() }); } else { // set minHours to 0 hours picker.update({ minHours: 0 }); } } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/i18n/datepicker.en.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.css" rel="stylesheet" /> <input type='text' id="date" class="" />

此外，空氣時間選擇器文檔： http ://t1m0n.name/air-datepicker/docs/