jQuery UI Datepicker-onSelect获取所选日期+;三天
我尝试使用jQueryUIDatePicker创建一个日期范围,使用两个文本字段。第一个文本字段“开始日期”将设置开始日期,第二个文本字段“结束日期”将设置结束日期 到目前为止,我的代码是:jQuery UI Datepicker-onSelect获取所选日期+;三天,jquery,jquery-ui,jquery-ui-datepicker,Jquery,Jquery Ui,Jquery Ui Datepicker,我尝试使用jQueryUIDatePicker创建一个日期范围,使用两个文本字段。第一个文本字段“开始日期”将设置开始日期,第二个文本字段“结束日期”将设置结束日期 到目前为止,我的代码是: $('#start_date').live( 'focus', function() { $('#end_date').datepicker( { dateFormat: 'dd MM yy',
$('#start_date').live(
'focus',
function()
{
$('#end_date').datepicker(
{
dateFormat: 'dd MM yy',
minDate: new Date(),
maxDate: new Date(2012, 9, 15),
stepMonths: 2,
numberOfMonths: 2
}
);
$(this).datepicker(
{
dateFormat: 'dd MM yy',
minDate: new Date(),
maxDate: new Date(2012, 9, 15),
stepMonths: 2,
numberOfMonths: 2,
onSelect: function(dateText, inst)
{
var instance = $( this ).data("datepicker");
var date = $.datepicker.parseDate(instance.settings.dateFormat, dateText, instance.settings);
$('#end_date').datepicker('option', 'minDate', dateText);
}
}
);
}
);
注意:我使用live和focus事件,因为我的所有页面内容都加载了AJAX调用。也许这是对的或错的,但这不是我想问的;)
上述代码对我来说是正确的,工作正常,但我喜欢做的是将“结束日期”元素的值设置为所选的1+3天
直到现在,当我在“开始日期”元素选择日期时,“结束日期”元素更改为与“开始日期”相同的日期,这就是我想要更改的。“结束日期”为选择后“开始日期”元素起的+3天
我该怎么做?将结束日期设置为+1天
onSelect: function(dateText, inst) {
$('#start_date').datepicker('option','minDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay));
var toDate = new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay);//Date one month after selected date
var oneDay = new Date(toDate.getTime()+86400000);
document.getElementById('end_date').value =$.datepicker.formatDate('dd/mm/yy', oneDay);
}
你好,演示版 此演示将
设置为带有+3天的文本框,并考虑“从日期选择开始”
jquery代码
$(function() {
$( "#from, #to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onSelect: function( selectedDate ) {
if(this.id == 'from'){
var dateMin = $('#from').datepicker("getDate");
var rMin = new Date(dateMin.getFullYear(), dateMin.getMonth(),dateMin.getDate() + 1);
var rMax = new Date(dateMin.getFullYear(), dateMin.getMonth(),dateMin.getDate() + 3);
//$('#to').datepicker("option","minDate",rMin);
//$('#to').datepicker("option","maxDate",rMax);
$('#to').val($.datepicker.formatDate('mm-dd-yy', new Date(rMax)));
}
}
});
});
Html
<div class="demo">
<label for="from">From</label>
<input type="text" id="from" name="from"/>
<label for="to">to</label>
<input type="text" id="to" name="to"/>
</div>
从…起
到
如果月份=4,我想看car1图片。如果月份=5,我想看car3图片。我怎么做
来自
照片
...............
Thanx分享此@Tats\u innit
//..............
onSelect: function( selectedDate ) {
if(this.id == 'from'){
var dateMin = $('#from').datepicker("getDate");
var rMin = new Date(dateMin.getFullYear(), dateMin.getMonth(),dateMin.getDate() + 0);
alert (rMin.getMonth());
if(rMin.getMonth() == 4){
var image1=new Image();
image1.src="car1.jpg"
if(rMin.getMonth() ==5){
var image2=new Image()
image2.src="car3.jpg";
}
}
}
}
<label for="from">From</label>
<input type="text" id="from" name="from"/>
<label for="pics">pics</label>
<input type="image"
src="car1.jpg"
id="pics"
name="pics"
alt="Submit"
width="48" height="48">
...............