如何限制 bootstrap timepicker min-time 和 max-time？

Question

我正在使用 bootstrap 时间选择器通过 bootstrap-timepicker.js 我想限制那个时间选择器的最短时间和最长时间。谁能告诉我我怎样才能实现它。 我使用了以下方法，但没有任何帮助：

 $('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，您可以使用 following:eg

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