jQuery Datepicker minDate未设置

Question

我有两个日期选择器“ startDate”和“ targetDate”。我想将“ targetDate”的minDate设置为“ startDate”的值。以下代码不起作用。即，未设置“ targetDate”的minDate。

$("#startDate").datepicker({
                changeMonth : true,
                changeYear : true,
                dateFormat : "dd-M-yy",
                minDate : 0,

                showMonthAfterYear : true,
                onClose : function() {

                    $(this).toggleClass('ui-state-focus');
                }
            });
            $("#targetDate").datepicker({
                changeMonth : true,
                changeYear : true,
                dateFormat : "dd-M-yy",
                minDate : new Date($("#startDate").val()),
                showMonthAfterYear : true,
                onClose : function() {
                    $(this).toggleClass('ui-state-focus');
                }

            });

Answer 1

您需要在startDate的 onSelect事件中设置targetDate的最小日期

选择日期选择器时调用。 该函数将选择的日期作为文本接收，并将datepicker实例作为参数接收。 这是指关联的输入字段。

采用

$('#startDate').datepicker({
      onSelect: function(selectedDate) {
            $('#targetDate').datepicker('option', 'minDate', selectedDate);
      }
});

DEMO