jQuery UI Datepicker到达的问题 - 出发日期
问题描述:
Argh ..我很难过....jQuery UI Datepicker到达的问题 - 出发日期
我有一个运行jQuery date-picker UI的预订模块。我有一个到达日期字段和一个出发日期字段,每个字段都具有在两个日期选择器对象上发起的日期。
我想默认的抵达日期是我这样做达到了这个今天的日期如下:
<script type="text/javascript">
$(document).ready(function(){
$(".arrive").datepicker();
$(".depart").datepicker();
$(".arrive").datepicker('setDate', new Date());
});
</script>
当用户选择一个抵达的日期,那么我想离开默认日期被设定完美然而这一工程作为用户选择抵达日期之后的一天。我尝试使用日期选取器对象的onSelect事件,并尝试从到达字段中提取值并添加一天但无济于事。之前我已经看到过这个功能,我不认为这是非常困难的,我只是无法承受这一点。有任何想法吗?我的文本字段的html如下:
<ul>
<li>
<label>Arriving</label>
<span class="dateinput">
<input class="arrive" type="text" value="" name="startDate" />
<img id="arrive" src="images/calendar_icon.png" />
<div class="clear"></div>
</span>
</li>
<li>
<label>Departing</label>
<span class="dateinput">
<input class="depart" name="endDate" value="" type="text" />
<img src="images/calendar_icon.png" />
<div class="clear"></div>
</span>
</li>
</ul>
感谢一群谁可以帮助我解决这个问题。
答
使用documentation作为灵感:
<script type="text/javascript">
$(document).ready(function(){
$(".arrive").datepicker({
onSelect: function(selectedDate) {
// Parse the selected date
var instance = $(this).data("datepicker"),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings);
// Add one day
date.setDate(date.getDate()+1);
// Set the new date
$(".depart").datepicker('setDate', date);
}
});
$(".depart").datepicker();
$(".arrive").datepicker('setDate', new Date());
});
</script>
答
谢谢这很好用! – dcav
我很高兴,你能接受我的文章作为答案吗?它会给我声誉点,如果你接受答案,人们会更愿意回答你的问题。 –