Wie beschränken Sie die bootstrap-timepicker min-Zeit max-Zeit?

Ich bin mit bootstrap Zeit picker von mit bootstrap-timepicker.js und ich will zu beschränken, die min-Zeit und max-Zeit der timepicker .Kann mir jemand bitte mir sagen wie kann ich es erreichen.
Ich habe folgende Methoden aber nichts gonna help me out:

 $('input[data-role="time"]').timepicker({
    showMeridian: true,
    minTime: {
    hour: 10,
    minute: 15
    },
    minuteStep: 1,
    showInputs: true,
    defaultTime: defaulttime
    })

Und

$('input[data-role="time"]').timepicker({
        showMeridian: true,
        minTime: '10:15',
        minuteStep: 1,
        showInputs: true,
        defaultTime: defaulttime
        })
InformationsquelleAutor Manjit singh | 2015-04-18
  1. 10
    1. verwenden event -changeTime,
    2. überprüfen Sie die aktuelle Zeit,
    3. wenn Zeit ist weniger minimum

    http://jsfiddle.net/j3kf2p2e/

    $('#timepicker').timepicker({
        showMeridian: true,        
        minuteStep: 1,
        showInputs: true,        
}).on('changeTime.timepicker', function(e) {    
    var h= e.time.hours;
    var m= e.time.minutes;
    var mer= e.time.meridian;
    //convert hours into minutes
    m+=h*60;
    //10:15 = 10h*60m + 15m = 615 min
    if(mer=='AM' && m<615)
        $('#timepicker').timepicker('setTime', '10:15 AM');
  });
    • Vielen Dank 🙂
    • Diese Lösung wirft eine Rekursion Ausnahme, weil timepicker Aufruf('setTime') löst die 'changeTime.timepicker' - Ereignis. Sie sollte nicht aufgerufen werden 'setTime' innerhalb des 'changeTime' callback.
    • Sie können call 'setTime' innen 'changeTime' so lange, wie es eine Bedingung für es.
    InformationsquelleAutor dm4web
  2. 0

    Können Sie die folgenden verwenden:z.B. wenn mindate ist um 8.00 Uhr und maxdate ist bei 2300hrs ab

        minDate: moment({h:8}),
    maxDate: moment({h:23}),

    ist...

    $('#time').bootstrapMaterialDatePicker({
    format: 'HH:mm',
    minDate: moment({h:8}),
    maxDate: moment({h:23}),
    clearButton: true,
    date: false
});
    InformationsquelleAutor Kelvline
Schreibe einen Kommentar