Jak ograniczyć Min-Max Czas bootstrap DateTimePicker

Question

Jak ograniczyć

Staram się ograniczyć czas, użytkownik może wybrać z tej wtyczki: https://github.com/Eonasdan/bootstrap-datetimepicker

Rozglądałem się wokół tej witryny i Google w przypadku podobnych pytań, ale użytkownicy zazwyczaj proszą, aby walidacja zadziałała między jednym znanym okresem a innym znanym okresem. np. 9:00 - 21:00 2015/03/09 9:00 - 2015/03/10 21:00. Jeśli użytkownik wprowadzi 2015/03/09 23:00, walidacja przejdzie przez to, ponieważ czas mieści się w tych dwóch okresach min/maks.

Potrzebuję go, aby działał jako system rezerwacji, dzięki czemu każdy dzień jest ograniczony między tymi czasami. np. jeśli użytkownik wybierze 2015/03/09 23:00 lub 2015/03/10 5:00, to walidacja nie przejdzie, przejdzie tylko w dowolnym dniu między 9:00 & 21:00.

$('.datetimepicker').datetimepicker({ 
     stepping: 30, 
     minDate: moment({hour: 9, minute: 30}), 
     format: 'YYYY-MM-DD HH:mm' 
    }); 

Zaczyna datę min dla dzisiaj o 9:30, ale gdybym miał wybrać dowolny dzień po dziś byłbym w stanie wybrać dla przykładu 4 nad ranem - wszystko pod 9.30

Answer 1

Skorzystaj z nieruchomość enabledHours:

$('.datetimepicker').datetimepicker({ 
    stepping: 30, 
    enabledHours: [9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20], 
    format: 'YYYY-MM-DD HH:mm' 
}); 

ten sposób powinien on umożliwić żadnych godziny między 9:00 a 20:30, ale nie pozwoli na nic od 21:00. Więcej pod adresem http://eonasdan.github.io/bootstrap-datetimepicker/Functions/#endisabledhours.