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

前端之家收集整理的这篇文章主要介绍了jquery – 如何限制bootstrap timepicker min-time和max-time?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用bootstrap-timepicker.js使用bootstrap时间选择器,我想限制该时间戳的最小时间和最大时间.任何人都可以告诉我如何实现它.
我使用了以下方法,但没有什么可以帮助我:
  1. $('input[data-role="time"]').timepicker({
  2. showMeridian: true,minTime: {
  3. hour: 10,minute: 15
  4. },minuteStep: 1,showInputs: true,defaultTime: defaulttime
  5. })

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

解决方法

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

http://jsfiddle.net/j3kf2p2e/

  1. $('#timepicker').timepicker({
  2. showMeridian: true,}).on('changeTime.timepicker',function(e) {
  3. var h= e.time.hours;
  4. var m= e.time.minutes;
  5. var mer= e.time.meridian;
  6. //convert hours into minutes
  7. m+=h*60;
  8. //10:15 = 10h*60m + 15m = 615 min
  9. if(mer=='AM' && m<615)
  10. $('#timepicker').timepicker('setTime','10:15 AM');
  11. });

猜你在找的jQuery相关文章