jquery - jQuery 验证器插件时间和日期

Question

我正在使用 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 函数所需的语法

Answer 1

演示

时间选择器

$('#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);
    }
});