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

您可以在minTime: '11:00'参数

中使用timepicker

参考：DateTimePicker

开始时间和结束时间验证

1 个答案: