2016-08-30 5 views
0

Я хочу, чтобы мой Jquery:dateTimePicker разрешал только будущие даты - если бы текущая дата была равна: 30 августа 2016 года, 10:20, тогда я хотел бы выбрать время больше 10: 20am - не менее 10:20 утра только для 30 августа 2016 года, но должно допускать в любое время для всех других будущих дат..DateTimePicker: отключить все прошедшие даты и время

Возможно ли это с простым изменением конфигурации?

Любая помощь приветствуется - спасибо!

+0

Какой у вас datetimepicker вы используете? Когда вы его инициализируете, есть опция «startDate». – smoksnes

+0

jQuery Плагин DateTimePicker v2.3.4 @http: //xdsoft.net/jqplugins/datetimepicker/ - Меня беспокоит время. Это должно быть больше 30 августа 10:20 - как я могу заморозить время только на определенный день? –

ответ

0

Вы можете использовать minDate: 0, чтобы разрешить только будущие даты.

0

вы можете использовать, как это отключить прошедшую дату и время

добавить 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') 
       }); 

     }); 


      }); 
+0

@Sithara Suresh вам нужно добавить moment.js в ваше приложение –

+0

У меня есть пустой календарь сейчас ... без дат и времени! –

+0

@ Ситара Суреш, я добавил css/js, пожалуйста, добавьте это js и css. –

0
$(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