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

前端之家收集整理的这篇文章主要介绍了jquery – 如何限制bootstrap timepicker min-time和max-time?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用bootstrap-timepicker.js使用bootstrap时间选择器,我想限制该时间戳的最小时间和最大时间.任何人都可以告诉我如何实现它.
我使用了以下方法,但没有什么可以帮助我:
$('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',defaultTime: defaulttime
        })

解决方法

>使用事件changeTime,
>检查当前时间,
>如果时间设定最小

http://jsfiddle.net/j3kf2p2e/

$('#timepicker').timepicker({
        showMeridian: 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');
  });
原文链接:https://www.f2er.com/jquery/180777.html

猜你在找的jQuery相关文章