如何从另一个 Datepicker 在 Datepicker 中设置 Min Date? [英] How do I set Min Date in Datepicker from another Datepicker?

问题描述

我目前正在为我的日期选择器添加验证，但无法将 to 日期选择器中的最小日期设置为在 from 日期选择器中选择的任何日期.即如果选择了 12-3-15，那么日期选择器中的最小日期是 12-3-15.这是我正在使用的代码:

I am currently adding validation to my date pickers and am having trouble setting the min date in the to date picker to be whatever was chosen in the from date picker. I.e if 12-3-15 is selected then the minimum date in the to date picker is 12-3-15. Here is the code I am using:

$("#from").datepicker({
            defaultDate: new Date(),
            minDate: new Date(),
            onSelect: function(dateStr) 
            {
            fromDate = new Date(dateStr);
            }
        });

$('#to').datepicker({
            defaultDate: new Date(),
            minDate: ("#from" + "1D"), (<- HERE)
            onSelect: function(dateStr) {
            toDate = new Date(dateStr);

                // Converts date objects to appropriate strings
                fromDate = ConvertDateToShortDateString(fromDate);
                toDate = ConvertDateToShortDateString(toDate);
        });

有人知道我是如何做到这一点的吗?

Does anybody know how I could achieve this?

推荐答案

请检查这个工作小提琴

JSFiddle

使用 option 将 minDate 设置为第二个 datepicker

Use option to set the minDate to the second datepicker

$("#from").datepicker({
        defaultDate: new Date(),
        minDate: new Date(),
        onSelect: function(dateStr) 
        {         
            $("#to").val(dateStr);
            $("#to").datepicker("option",{ minDate: new Date(dateStr)})
        }
    });

这篇关于如何从另一个 Datepicker 在 Datepicker 中设置 Min Date?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！