2013-03-11 45 views
4

我有一个系统,人们可以从和日期添加多个,即截图:http://screencast.com/t/Q7MHQVLnn4J9jQuery的日期选择器的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/

+0

请提供的jsfiddle例如 – Dom 2013-03-11 15:34:49

+0

http://jsfiddle.net/FdfPY/ – Lee 2013-03-11 15:43:14

+0

http://jsfiddle.net/FdfPY/2 /添加更多的嵌套,因为Dom提供的解决方案有点脆弱 – Lee 2013-03-11 16:18:27

回答

8

而不是使用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 
    }); 

DEMO: http://jsfiddle.net/FdfPY/5/

+0

对不起,但我认为你的工作正常,但实际上我的元素进一步嵌套在额外的div等等。所以.parent将变得脆弱。 http://jsfiddle.net/FdfPY/2/ – Lee 2013-03-11 16:17:21

+0

好吧对我的初始编辑进行了更改! – Dom 2013-03-11 16:27:09

+0

谢谢DOM,我知道我有很大的痛苦,但我的小提琴变得简单。我应该有一个更好的html布局。我以为最初在桌上展示会更容易。 http://jsfiddle.net/FdfPY/4/ 这是非常acurate现在的布局。对不起和你的时间TY! – Lee 2013-03-11 16:38:57

相关问题