基于第一个刷新第二个日期选择器答案

【问题标题】：Refresh second datepicker based on the first one基于第一个刷新第二个日期选择器
【发布时间】：2011-06-15 05:33:47
【问题描述】：

我正在开发 jQuery 日期选择器。我的表单中有两个日期选择器。第一个的 minDate 设置为当前日期，我想将第二个 datepicker 的 minDate 设置为第一个 datepicker 中选择的日期。

它第一次正常工作。但如果用户在第一个日期选择器中选择另一个日期，则第二个日期选择器不会更新。

我尝试了各种 onClick onBlur 和 refresh 事件，但都没有成功。提前感谢您提供的任何帮助。我写的代码如下：

<script type="text/javascript">

$(function(){
var currentDate = new Date();
   var datePickerOptions1 = {
               dateFormat:'dd-M-yy',
                   minDate: currentDate};  

$('.datepick1').each(function(){    $(this).datepicker(datePickerOptions1);
});
//hover states on the static widgets
$('#dialog_link, ul#icons li').hover(
    function() { $(this).addClass('ui-state-hover'); }, 
    function() { $(this).removeClass('ui-state-hover'); }
);

});

function changeDate()
{
var tempDate = document.getElementById("date_1").value;
alert(tempDate+""+i);
 var datePickerOptions2 = {
           dateFormat:'dd-M-yy',
           minDate: tempDate };
$('.datepick2').each(function(){    $(this).datepicker(datePickerOptions2);
});
}
</script>

【问题讨论】：

stackoverflow.com/questions/16373734/… 在这里找到你的答案

标签： jquery datepicker

【解决方案1】：

我一直使用这段代码来限制 2 个日期选择器的日期范围： http://jqueryui.com/demos/datepicker/#date-range

var dates = $( "#from, #to" ).datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 3,
            onSelect: function( selectedDate ) {
                var option = this.id == "from" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" ),
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date );
            }
        });

【讨论】：