jQuery Datepicker minDate未设置

时间:2014-08-19 07:28:08

标签: javascript jquery jquery-ui datepicker

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

            });

1 个答案:

答案 0 :(得分:1)

您需要在 startDate 的<{3}}事件中设置 targetDate 的最短日期

  

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

使用

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

onSelect