使用Jquery-ui-datepicker实现日期的联动

这里所谓日期的联动就是：选择第一个的日期后，改变第二个日期的最小选择值。但是不会立即弹出第二个日期选择框。
本例子要引入：jquery.min.js用的版本是1.7.2，jquery-ui-datepicker.js，jquery-ui.css

代码如下：

$(function(){
$("#date_1").datepicker();
$("#date_2").datepicker({
onSelect: function(dateText,inst){
var time=dateText.split("-");
var year = time[0];
var month = time[1];
var day = time[2];
$("#date_1").datepicker(
'option', 'minDate', new Date(year, month - 1, day)
);

}
});
});

<div class="demo" id="s1">
<h4>9、选中日期后触发事件：</h4>
<p>日期：
<input type="text" id="date_2" readonly />
</p>
<p>日期：
<input type="text" id="date_11" readonly />
</p>
</div>

其中参考了http://www.cnblogs.com/lf6112/archive/2011/05/19/2051126.html的jquery datepicker的用法。