在 jQuery Timepicker 中设置最大时间 [英] Setting max time in jQuery Timepicker

问题描述

以下是我的时间选择器的当前 JQuery.如果时间是从 #from 字段中选取的，它会将 #to 的最大时间设置为所选时间.

Below is the Current JQuery for My Time Pickers. If time is picked from #from field it set max time of #to to selected time.

如果我从 #from 选择了凌晨 1 点，#to 上可以选择的最长时间是凌晨 1 点.

If I picked 1am from #from the max time that can be pick up on #to is 1am.

var osmaxtime = '20';
$('#from').timepicker({ 'minTime': '9','maxTime': '8','scrollDefaultNow': true,'step': 60 });
$('#from').on('changeTime', function() {
    var sFrom=$(this).val();
    $('#to').timepicker({ 'minTime': '9','maxTime':sFrom,'scrollDefaultNow': true,'step': 60 });
});
$('#to').timepicker({ 'minTime': '9','maxTime': osmaxtime,'scrollDefaultNow': true,'step': 60 });

现在我想根据 #from 字段增加 #to 字段的最大时间.

Now I want to increase the max time for #to Field according to #from field.

例如，如果我在凌晨 1 点从 #from 接车，#to 的最长时间为凌晨 4 点(+4 小时)

e.g., if I pick up 1am from #from the max time for #to is 4am (+4 Hours)

$('#from').on('changeTime', function() {
        var sFrom=$(this).val();
        var sFromPuls=sFrom+4;// Here is the problem because the value of sFrom is in String or something else.
        $('#to').timepicker({ 'minTime': '9','maxTime':sFrom,'scrollDefaultNow': true,'step': 60 });
    });

推荐答案

我的问题已通过以下代码解决 -

My Problem was solved by following code -

$('#from').timepicker({ 'minTime': 8,'maxTime': 20,'scrollDefaultNow': true,'step': 60 });
    $('#from').on('change', function() {
        var fromTime=$(this).val();
        var hrs = Number(fromTime.match(/^(\d+)/)[1]);
        var format = fromTime.match(/00(.*)$/)[1];
        if (format == "pm" && hrs < 12) hrs = hrs + 12;
        if (format == "am" && hrs == 12) hrs = hrs - 12;
        var hours = (hrs+4).toString();         
        var sFromPuls= (parseInt(osSeletecdTime)+4).toString();
        $('#to').timepicker({ 'minTime': fromTime,'maxTime':hours ,'scrollDefaultNow': true,'step': 60 });
    });

这篇关于在 jQuery Timepicker 中设置最大时间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！