Question

我正在研究jQuery datepicker。我的表格中有两个日期选择器。第一个的minDate设置为当前日期＆amp;我想将第二个datepicker的minDate设置为第一个datepicker中选择的日期。

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

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

<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>

Answer 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 );
            }
        });

根据第一个日期选择器刷新第二个日期选择器

1 个答案: