DateTimePicker：禁用所有過去的日期和時間選擇

我基本上希望我的Jquery:dateTimePicker只允許未來日期 - 即如果當前日期時間是：2016年8月30日，上午10:20然後我想要選擇一個大於10的時間： 20am - 不是不到上午10點20分，僅限於2016年8月30日，但在任何其他未來日期都應允許。DateTimePicker：禁用所有過去的日期和時間選擇

這是可能的一個簡單的配置更改？

任何幫助表示讚賞 - 謝謝！

來源

2016-08-30 Sithara Suresh

您使用哪個datetimepicker？初始化時，大多數情況下都有'startDate'的選項。 – smoksnes

jQuery DateTimePicker插件v2.3.4 @http：//xdsoft.net/jqplugins/datetimepicker/ - 我很關心時間。它應該大於8月30日上午10點20分 - 我該如何凍結特定日子的時間？ –

您可以使用minDate: 0僅允許將來的日期。

來源

2016-08-30 05:18:00

你可以用這樣的禁用過去的日期和時間

添加此CSS和JS
https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js， https://cdn.rawgit.com/Eonasdan/bootstrapdatetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrapdatetimepicker.js， https://cdn.rawgit.com/Eonasdan/bootstrapdatetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/build/css/bootstrap-datetimepicker.css

$(function() {  
      $('#datetimepicker').datetimepicker({ 
      format : 'DD/MM/YYYY HH:mm', 
      minDate: moment().add(0, 'h') 
       });

或

$(function() {  
      $('#datetimepicker').datetimepicker({ 
      format : 'DD/MM/YYYY HH:mm', 
      minDate: moment().add(1, 'm') 
       }); 

     }); 


      });

來源

2016-08-30 05:24:04

@Sithara Suresh你需要在你的應用程序中添加moment.js –

我現在有一個空的日曆...沒有日期和時間！ –

@Sithara Suresh我已添加css/js請添加此js和css它會。 –

$(function() {  
     $('#datetimepicker').datetimepicker({ 
     format : 'DD/MM/YYYY HH:mm', 
     minDate: moment().add(0, 'h'),enabledHours: [10, 11, 12, 13, 14, 15, 16,17] 
     }); 

});

請檢查這個例子，並修改minDate: moment().add(1, 'h')到minDate: moment().add(0, 'h')在像我修改你的例子，並使用moment.js 並請啓用小時，只要你想。

Demo

來源

2016-08-30 05:39:09 Ranjan

DateTimePicker：禁用所有過去的日期和時間選擇

回答

相關問題