我有一个表单,其中有两个用于从日期和截止日期选择的动态文本框。这里我有一些限制,比如用户应该在之间选择日期
1) 仅过去日期
2) 仅限未来日期
3) 当前日期和过去日期
4) 仅限当前日期和未来日期
5) 所有日期
有什么方法可以处理jQuery日期范围选择器吗。或任何其他可用的插件。
如果使用jQuery DatePicker(从jQuery UI),则必须使用API提供的参数。
限制1个日期选择器的日期
- 将
maxDate
设置为类似于$( "#datepicker" ).datepicker({ maxDate: '-1d' });
,请参阅此处的演示:http://jqueryui.com/datepicker/#min-此处为max和API文档:http://api.jqueryui.com/datepicker/#option-最小日期 minDate
和'-1d'
值相同,仅限未来日期限制- 使用
maxDate
和0
值时相同 - 使用
minDate
和0
值相同 - 不设置
minDate
和maxDate
请在此处查看jsfiddle示例:http://jsfiddle.net/dv8tf7oo/
此外,这些限制也可以在运行时添加,而不仅仅是在init期间。
基本发件人/收件人字段
请参阅jQuery UI演示中的演示:http://jqueryui.com/datepicker/#date-测距
$(function() {
$("#from").datepicker({
onClose: function(selectedDate) {
$("#to").datepicker("option", "minDate", selectedDate );
}
});
$("#to").datepicker({
onClose: function(selectedDate) {
$("#from").datepicker("option", "maxDate", selectedDate );
}
});
});
请参阅http://api.jqueryui.com/datepicker/#option-最大日期
例如,我使用以下内容将日期限制在2014年1月28日至今天之间
$("#datepicker").datepicker({
changeMonth: true,
changeYear: true,
minDate: new Date(2014, 1-1, 28),
maxDate: "+0D",
dateFormat: "dd-MM-yy"
});