2017-08-16 4 views
1

Ich verwende den Bootstrap datetime picker.Bootstrap datetime picker validiert keine Stunden und Minuten zusammen, wenn Stunden oder Minuten inkrementiert werden

Ich habe enabledHours gesetzt zwischen 08.00 bis 05.00 und zu treten. Wenn ich die aktuelle Stunde zu 5 pm auswähle und die Minute durch einen Schritt inkrementiere, ist das Ergebnis ein ungültiges Datum (5:30 PM). Das erwartete Ergebnis besteht nicht darin, die Zeit zu erhöhen, da es ein ungültiges Datum erzeugt.

Gleiches gilt auch für Stunden. Z.B. Wenn ich die Zeit als 4:30 pm wählen und versuchen, die Stunde um einen Schritt zu erhöhen, produziert es 5:30 PM, die nicht entsprechend den aktivierten Stunden gültig ist.

Problemumgehung für dieses Problem?

Antwort

0

fand ich meine Antwort hier: https://stackoverflow.com/a/31950948/495000

der Trick ist, stellte sich heraus, statt EnabledHours die disabledTimeIntervals Option zu verwenden.

Beachten Sie, dass disabledTimeIntervals ein Array von Arrays benötigt, die eine Liste deaktivierter Bereiche darstellen.

Zum Beispiel benötigte ich Folgendes, das die Zeiten zwischen 12:00 AM bis 06:59 AM und zwischen 6:01 PM und 23:59 PM deaktiviert (technisch 12: AM am nächsten Tag, wie es geschrieben wird ...). Wenn Sie die Umkehrung betrachten, bedeutet das, dass ich von genau 7:00 morgens bis genau 6:00 PM aktiviere.

.datetimepicker({ 
    format: 'hh:mm A', 
    stepping: 15, 
    disabledTimeIntervals: [ 
     [moment().hour(0).minutes(0), moment().hour(6).minutes(59)], 
     [moment().hour(18).minutes(1), moment().hour(24).minutes(0)] 
    ] 
Verwandte Themen