我在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解决方案。
假设您有两个输入inp_begintime
和inp_endtime
,然后以这种方式初始化日期选择器,在这里,当您更改inp_begintime
的日期时,它将为inp_endtime
设置minDate
,如果您在inp_endtime
中设置日期,则会为inp_begintime
设置maxDate
。
$("#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)
}
});
工作小提琴