6

私は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
        })
4

2 に答える 2

12
  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');
  });
于 2015-04-19T19:56:06.857 に答える