jQuery Datepicker minDate 未设置答案

【问题标题】：jQuery Datepicker minDate not setjQuery Datepicker minDate 未设置
【发布时间】：2014-08-19 07:28:08
【问题描述】：

我有两个日期选择器'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');
                }

            });

【问题讨论】：

你在哪里调用 targetDate 的函数？
从此文本框中调用。
根据stackoverflow.com/questions/16267903/… - 您需要在 startDate 日期选择器的onClose 事件期间更改目标日期选择器的minDate。

标签： javascript jquery jquery-ui datepicker

【解决方案1】：

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

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

使用

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

DEMO

【讨论】：