Datepicker - 自动分配X天后的第二个日期
问题描述:
我真的不知道如何编写我的两个日期选择器。当我使用第一个日期选择器选择某个日期时,我希望第二个日期后X天自动选择一个日期。下面的代码是我现在拥有的。还剩下什么?Datepicker - 自动分配X天后的第二个日期
$(function() {
$.datepicker.setDefaults({
dateFormat: 'yy-mm-dd',
firstDay: 1,
showOn: "both",
buttonImage: "/images/calendar.gif",
buttonImageOnly: true});
$('#txtStartDate').datepicker({minDate: 0, onSelect: function(selectedDate) {
var minDate = $(this).datepicker('getDate');
if (minDate) {
minDate.setDate(minDate.getDate() + 1);
}
$('#txtEndDate').datepicker('option', 'minDate', minDate || 1); // Date + 1 or tomorrow by default
}});
$('#txtEndDate').datepicker({minDate: 1, onSelect: function(selectedDate) {
var maxDate = $(this).datepicker('getDate');
if (maxDate) {
maxDate.setDate(maxDate.getDate() - 1);
}
$('#txtStartDate').datepicker('option', 'maxDate', maxDate); // Date - 1
}});
});
答
这应该有帮助,欢呼!
链接:jQuery datepicker- 2 inputs/textboxes and restricting range
工作演示:http://jsbin.com/evudo但你可以找到在上面的链接更多的选择。
链接:http://forum.jquery.com/topic/2-datepickers-start-end-date-get-and-post
<script type="text/javascript">
jQuery(function($){
$(".urDatePickerName").datepicker({
dateFormat : 'yy-mm-dd'
});
});
function validate(){
var dateFrom = $('#start1').val();
var dateTo = $('#end1').val();
if(dateFrom > dateTo){
alert('Invalid date entry, "date from" is greater than "date to".');
}else{
//customRange .. you can find in the URL Code...
}
}
</script>
你在哪里定义/图什么'X'是什么? – gideon 2012-03-16 04:31:11
你想分配日期到enddate然后你可以直接分配var var toDate = startdate.getMonth()+ 1 +“/”+ startdate.getDate()+ noofdays)+'/'+ date.getFullYear(); – 2012-03-16 04:31:56
如果你想得到这个帮助,你至少需要告诉我们什么是错的。当前的代码在做什么?如果它什么都不做,那么你需要说这个。另外,JSFiddle也是最有用的。 – Simon 2012-03-16 05:27:19