【发布时间】:2016-09-19 13:25:30
【问题描述】:
我有一个包含 2 个字段的日期范围,
<input type='text' id='from-date' name='from-date'>
<input type='text' id='end-date' name='end-date'>
- 我需要在当前日期之前的起始日期中禁用所有以前的日期(这已完成并且工作正常)。
- 选择起始日期后,我们需要从起始日期禁用迄今为止所有以前的日期(面临这方面的问题)。
我尝试了以下 datepicker jquery 代码,但我遗漏了一些东西,请纠正我。
$( "#start-date" ).datepicker({ minDate: 0, dateFormat: 'yy-mm-dd'})
.on("input change", function (e) {
$( "#end-date" ).datepicker({ minDate: e.target.value, dateFormat: 'yy-mm-dd'});
});
更新:对于那些仍在尝试的人,这里是修复
我使用下面的代码来满足上述条件
$("#start-date").datepicker({ minDate: 0, dateFormat: 'yy-mm-dd',
onSelect: function(obj, event){
var from_date = $("#start-date").datepicker("getDate");
$("#end-date").datepicker("option","minDate",from_date);
}
});
$("#end-date").datepicker({ dateFormat: 'yy-mm-dd'});
【问题讨论】:
标签: jquery html date datepicker jquery-ui-datepicker