Как ограничить минимальное время загрузки и максимальное время загрузки?

Question

Я использую bootstrap time picker с помощью bootstrap-timepicker.js, и я хочу ограничить минимальное время и максимальное время этого timepicker. Может кто-нибудь рассказать мне, как я могу это достичь. я использовал следующие методы, но ничего не собирается помочь мне:

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

И

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

Answer 1

1. использование события changeTime,
2. проверить текущее время,
3. если время меньше набора минимальное

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'); 
    }); 

Answer 2

Вы можете использовать следующее: например, если MinDate находится в 8.00 и MaxDate находится в 2300hrs

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

что ...

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