Question

我有两个HTML格式的日期字段。如果我在第一个字段中选择日期，则第二个字段应显示的日期大于日期选择器中的第一个字段。这是我的日期选择器代码：

$(document).on('focus', '.dt', function() {
    $(this).datepicker({ dateFormat : 'dd-mm-yy'});
});

这是我的表格有两个字段：

<td width="212">
    <input type="date" class="dt" name="s_invoice_date_draft1" 
        value="<?php echo @$_REQUEST['s_invoice_date_draft1']; ?>">
    To 
    <input type="date" class="dt" name="s_invoice_date_draft2" 
        value="<?php echo @$_REQUEST['s_invoice_date_draft2']; ?>">
</td>

需要JavaScript解决方案。

Answer 1

假设您有两个输入inp_begintime和inp_endtime，那么只需以这种方式初始化日期选择器，此时您将更改inp_begintime的日期，它将设置minDate } inp_endtime如果您在inp_endtime中设置日期，则会为maxDate设置inp_begintime。

$("#inp_begintime").datepicker({
    dateFormat : 'dd-mm-yy',
    onSelect: function(selected) {
      $("#inp_endtime").datepicker("option","minDate", selected)
    }
});

$("#inp_endtime").datepicker({ 
    dateFormat : 'dd-mm-yy',
    onSelect: function(selected) {
        $("#inp_begintime").datepicker("option","maxDate", selected)
    }
});

Working fiddle

如果在第一个字段中选择日期，则第二个字段日期应该大于第一个

1 个答案: