重新初始化或重置datepiker限制

时间:2017-01-25 20:58:06

标签: javascript datepicker jquery-ui-datepicker uidatepicker

Greatings 我有几个datepicker输入,第一个设置第二个的限制,但如果用户尝试选择另一个初始日期,第二个输入的限制保持与第一次选择时相同。 我每次选择其他sdate时如何重置日期选择器



//
function load_pmForm(){
    $("#main_rcol").hide().load('frontend/incs/assets.php #p_milestones', function(){
        var limit1 =jQuery.data( document.body,"pd1");
        var limit2 =jQuery.data( document.body,"pd2");
        $("#pm_sdate").datepicker({
            dateFormat: "yy-mm-dd",
            minDate: limit1,
            maxDate: limit2,
            onSelect: function(dateText, inst) {
                $("#pm_edate").datepicker({
                    dateFormat: "yy-mm-dd",
                     minDate: dateText,
                     maxDate: limit2
                });
            }
        });
    }).fadeIn('500'); 
}




1 个答案:

答案 0 :(得分:0)

如果您想要通过其他人影响一个日期选择器,您可以执行此操作,例如这条路。以下是日期选择器date_fromdate_to

    $("#date_from").datepicker({
        ...
        onSelect: function () {
            date = $(this).datepicker("getDate");
            date.setDate(date.getDate() + 1);
            $("#date_to").datepicker("option", "minDate", date);
            $(this).change();
        }
    });

    $("#date_to").datepicker({
        ...
        onSelect: function () {
            date = $(this).datepicker("getDate");
            date.setDate(date.getDate() - 1);
            $("#date_from").datepicker("option", "maxDate", date);
            $(this).change();
        }
    });

在您的情况下,您还需要添加代码$(this).change();

        onSelect: function(dateText, inst) {
            $("#pm_edate").datepicker({
                dateFormat: "yy-mm-dd",
                 minDate: dateText,
                 maxDate: limit2
            });
>>>>        $(this).change();      <<<<
        }