jQuery验证器插件的时间和日期

时间:2013-08-22 22:48:46

标签: jquery mobile methods time validation

我正在使用jQuery验证器插件,它无法验证日期和时间。通过使用jQuery输入功能,我知道时间将采用正确的格式。

<input type="time" id="time />
<input type="time" id="time2 />
<input type="date" id="date" />

但是,有人可以教我如何创建一种方法,确保“time2”不晚于晚上11:59或23:59,另一种方法要求“time2”大于“time”

我试过但我不理解addMethod函数所需的语法

1 个答案:

答案 0 :(得分:1)

DEMO

timepicker

$('#time2').attr('disabled', true);
$("#time").timepicker({
    timeOnly: true,
    timeFormat: 'hh:mm tt'
}).change(function () {
    var val = this.value;
    if (val !== '') {
        var min = val.split(':');
        var min1 = min[1].split(' ');
        var minMin = parseInt(min1[0]);
        var minHour = ((min1[1] == 'am') ? parseInt(min[0]) : parseInt(min[0]) + 12);
        $('#time2').removeAttr('disabled').removeClass('hasDatepicker').timepicker({
            timeOnly: true,
            timeFormat: 'hh:mm tt',
            hourMin: minHour,
        }).change(function () {
            var val_to = this.value;
            var min_to = val_to.split(':');
            var min1_to = min_to[1].split(' ');
            var minMin_to = parseInt(min1_to[0]);
            var minHour_to = ((min1_to[1] == 'am') ? parseInt(min_to[0]) : parseInt(min_to[0]) + 12);
            if(minHour_to == minHour && minMin_to <= minMin){
                this.value = val;
            }
        });
    } else {
        $('#time2').attr('disabled', true);
    }
});