jQuery的日期选择器的OnClose选择下一个
我有一个系统,人们可以从和日期添加多个,即截图:jQuery的日期选择器的OnClose选择下一个
在选择OnClose事件设置了第二个输入的日期并打开它的第一次约会。 IE
datePickers = function() {
$(".from_date").datepicker({
minDate: 'D',
dateFormat: "dd/mm/yy",
defaultDate: "+1w",
numberOfMonths: 2,
onClose: function(selectedDate) {
$(".to_date").datepicker("option", "minDate", selectedDate);
return $(".to_date").datepicker("show");
}
});
return $(".to_date").datepicker({
minDate: '+1D',
dateFormat: "dd/mm/yy",
defaultDate: "+1w",
numberOfMonths: 2
});
};
当我有2,3或更多,编辑第一或第二个我的问题变得....在接近它打开了最后一个输入。
我试过使用.next('to_date')和最接近的('to_date'),但它不工作。
任何建议我如何能解决这个问题。
按照要求小提琴:http://jsfiddle.net/FdfPY/
而不是使用return $(".to_date").datepicker("show");
,请执行下列操作:
$(".from_date").datepicker({
minDate: 'D',
dateFormat: "dd/mm/yy",
defaultDate: "+1w",
numberOfMonths: 2,
onClose: function(selectedDate) {
$(".to_date").datepicker("option", "minDate", selectedDate);
$(this).parent().next().children().focus();
}
});
$(".to_date").datepicker({
minDate: '+1D',
dateFormat: "dd/mm/yy",
defaultDate: "+1w",
numberOfMonths: 2
});
DEMO: http://jsfiddle.net/FdfPY/1/
编辑:
如果它嵌套,然后使用以下:
$(".from_date").datepicker({
minDate: 'D',
dateFormat: "dd/mm/yy",
defaultDate: "+1w",
numberOfMonths: 2,
onClose: function(selectedDate) {
$(".to_date").datepicker("option", "minDate", selectedDate);
$(this).parents('.span2').next().children().find('.to_date').focus();
}
});
$(".to_date").datepicker({
minDate: '+1D',
dateFormat: "dd/mm/yy",
defaultDate: "+1w",
numberOfMonths: 2
});
对不起,但我认为你的工作正常,但实际上我的元素进一步嵌套在额外的div等等。所以.parent将变得脆弱。 http://jsfiddle.net/FdfPY/2/ – Lee 2013-03-11 16:17:21
好吧对我的初始编辑进行了更改! – Dom 2013-03-11 16:27:09
谢谢DOM,我知道我有很大的痛苦,但我的小提琴变得简单。我应该有一个更好的html布局。我以为最初在桌上展示会更容易。 http://jsfiddle.net/FdfPY/4/ 这是非常acurate现在的布局。对不起和你的时间TY! – Lee 2013-03-11 16:38:57
请提供的jsfiddle例如 – Dom 2013-03-11 15:34:49
http://jsfiddle.net/FdfPY/ – Lee 2013-03-11 15:43:14
http://jsfiddle.net/FdfPY/2 /添加更多的嵌套,因为Dom提供的解决方案有点脆弱 – Lee 2013-03-11 16:18:27