像往常一样,我有两个日期选取器#from
和#to
,现在我需要做的是确保在两者之间选择的日期范围始终在彼此的3个月内。所以基本上,在选择其中一个采集器时,我需要为另一个选择日期设置minDate/maxDate选项,但我不知道找到这些相对日期的最佳方法是什么。有什么建议么?如何限制jqueryui日期范围?
0
A
回答
0
或者你可以不喜欢它这个:fiddle
我想这两种方法都是有效的。
的.js
$("#startDatePicker").datepicker({
dateFormat: 'yy-mm-dd',
onSelect: function(dateText,dateObj){
var dateObject = $(this).datepicker("getDate");
dateObject.setMonth(dateObj.currentMonth+3);
$("#endDatePicker").datepicker("option", "maxDate",dateObject);
}
});
$("#endDatePicker").datepicker({
dateFormat: 'yy-mm-dd',
changeMonth: true,
onSelect: function(dateText,dateObj){
var dateObject = $(this).datepicker("getDate");
dateObject.setMonth(dateObj.currentMonth-3);
$("#startDatePicker").datepicker("option", "minDate",dateObject);
}
});
0
我创建了一个jsfiddle天之间.The范围设置为3 days.you可以编辑根据乌拉圭回合的要求
$(document).ready(function() {
$("#startDatePicker").datepicker({
dateFormat: 'yy-mm-dd',
onSelect: function (date) {
if ($('#endDatePicker').val() == "") {
var selectedDate = new Date(date);
var secsPerDay = 86400000;
var endDate = new Date(selectedDate.getTime() + 2 * secsPerDay);
alert(endDate);
$("#endDatePicker").datepicker("option", "minDate", selectedDate);
$("#endDatePicker").datepicker("option", "maxDate", endDate);
}
}
});
$("#endDatePicker").datepicker({
dateFormat: 'yy-mm-dd',
changeMonth: true,
onSelect: function (date) {
if ($('#startDatePicker').val() == "") {
var selectedDate = new Date(date);
var secsPerDay = 86400000;
var startDate = new Date(selectedDate.getTime() - 5 * secsPerDay);
$("#startDatePicker").datepicker("option", "minDate", startDate);
$("#startDatePicker").datepicker("option", "maxDate", selectedDate);
}
}
});
});
和HTML
<p>Start Date:
<input type="text" id="startDatePicker"/>
</p>
<p>End Date:
<input type="text" id="endDatePicker"/>
</p>
相关问题
- 1. 如何限制jQuery的日期范围?
- 2. jqueryui Datepicker,日期范围限制到今年
- 3. Jqueryui - Datepicker - 日期范围偏移量
- 4. 使用JavaScript的日期范围限制
- 5. Joda Time中的限制日期范围
- 6. 在DatePicker中限制日期范围
- 7. 如何限制我的日期范围在Ajax日历上?
- 8. 基于抵达日期值的限制日期范围
- 9. 在Kendo Grid MVC日期列中动态限制日期范围
- 10. Access 2010 - 日期选择器中的限制日期范围
- 11. jQuery UI日期选择器日期范围限制3个月
- 12. 如何使用com.google.gwt.user.datepicker.client.DateBox限制可用日期范围
- 13. 如何限制Bootstrap Datepicker中的可选日期范围?
- 14. 日期范围的日期范围之间的任何日期
- 15. 在日期范围范围
- 16. 如何处理由2个日期变量设置的上限和下限范围内的日期范围
- 17. 日期范围
- 18. 日期范围
- 19. 日期范围
- 20. 限制范围
- 21. 限制范围
- 22. 如何限制用户在Primefaces中选择年限范围内的日期?
- 23. 如何限制谷歌日历xml/rss饲料日期范围(不工作!!)
- 24. 返回日期,如果日期范围
- 25. 使用jQueryUI datepicker和php取得日期范围,西班牙文
- 26. 无法让jQueryUI datepicker显示我想要的日期范围
- 27. Cloudsearch日期范围
- 28. SQL日期范围
- 29. 与日期范围
- 30. 从日期范围
[两个日期之间jQuery UI的日期选择范围(的可能重复http://stackoverflow.com/questions/13530800/jquery-ui-datepicker-range-between-two-dates ) –