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

时间:2015-04-18 10:49:05

标签: jquery twitter-bootstrap timepicker bootstrap-datetimepicker

我使用bootstrap-timepicker.js使用bootstrap时间选择器,我想限制该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
        })

2 个答案:

答案 0 :(得分:10)

  1. 使用活动changeTime
  2. 检查当前时间,
  3. 如果时间设定为最低限度
  4. 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');
      });
    

答案 1 :(得分:0)

您可以使用以下内容:例如,如果mindate为8.00且maxdate为2300hrs

log.message.format.version

那是......

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