我的问题是在page load 时自动填写这两个日期,然后根据使用datepicker
过滤它们的日期我现在拥有的代码
<td >
<label for="from">Start date:</label>
<input type="text" id="from" />
<label for="to">End date:</label>
<input type="text" id="to" />
</td>
和脚本
$(function() {
$( "#from" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onSelect: function( selectedDate ) {
$( "#to" ).datepicker( "option", "minDate", selectedDate );
}
});
$( "#to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onSelect: function( selectedDate ) {
$( "#from" ).datepicker( "option", "maxDate", selectedDate );
}
});
});
任何帮助都将受到赞赏!
我假设您想要onSelect
处理程序中指示的最小日期设置,因此:
编辑:添加了代码以预填充日期。
edit2:又是针对问题中没有说明的不同要求。
$(function() {
$("#from").datepicker({
defaultDate: "-3w",
maxDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onSelect: function(selectedDate) {
$("#to").datepicker("option", "minDate", selectedDate);
}
}).datepicker('setDate', '-3w');
$("#to").datepicker({
defaultDate: "+1w",
minDate: "-3w",
changeMonth: true,
numberOfMonths: 1,
onSelect: function(selectedDate) {
$("#from").datepicker("option", "maxDate", selectedDate);
}
}).datepicker('setDate', '+1w');;
});