javascript - 开始时间和结束时间验证

Question

这是我的 Html，用于选择时间和时间。

选择日期选项卡

<div class="elementbox">
                <label class="form-label">Select Date</label>
                <div class="controls">
                 <div class="half-container"><div class="left"><span>From</span> <div class="icongroup"><input type="text" id="from" name="from"/><i class="fa fa-calendar"></i></div></div></div>
                 <div class="half-container"><div class="left"><span class="text-center">To</span> <div class="icongroup"><input type="text" id="to" name="to"/> <i class="fa fa-calendar"></i></div> </div></div>
                </div>
            </div> 

选择时间标签

<div class="elementbox">
                <label class="form-label">Select Time</label>
                <div class="controls">
                    <div class="half-container"><div class="left"><span>From</span> <div class="icongroup"><input type="text" id="from_t" name="from_t"/> <i class="fa fa-calendar"></i></div></div></div>
                    <div class="half-container"><div class="left"><span  class="text-center">To</span> <div class="icongroup"><input type="text" id="to_t" name="to_t"/> <i class="fa fa-calendar"></i></div></div></div>
                </div>
            </div>

我想表明，如果日期是今天，那么开始时间选择为 03:00 AM，那么到时间应大于 03:00 AM，否则它应该允许选择时间而不是禁用时间。

我怎样才能实现这个目标？

这是我的 jquery 代码: 从日期到日期

    $("#from").datepicker({
    dateFormat: 'dd/mm/yy',
    minDate: new Date(),
    onSelect:function(){
        if($(this).hasClass('error')){
          $(this).trigger('keyup')
        }
    },
    onClose: function(selectedDate) {
        $("#to").datepicker("option", "minDate", selectedDate);
    }
});

$("#to").datepicker({
    dateFormat: 'dd/mm/yy',
    minDate: new Date(),
    onSelect:function(){
        if($(this).hasClass('error')){
          $(this).trigger('keyup')
        }
    },
    onClose: function(selectedDate) {
        $("#from").datepicker("option", "maxDate", selectedDate);
    }
});

从时间到时间

$('#from_t').timepicker({ 'timeFormat': 'h:i A' });
$('#to_t').timepicker({ 'timeFormat': 'h:i A' });

我使用 jquery timepicker js 来实现这一点。

Answer 1

您可以在 timepicker 参数中使用 minTime: '11:00'

引用:DateTimePicker