【问题标题】:Reinitialize or reset datepiker limits重新初始化或重置日期选择器限制
【发布时间】:2017-01-25 20:58:05
【问题描述】:

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

//
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'); 
}

【问题讨论】:

    标签: javascript datepicker jquery-ui-datepicker uidatepicker


    【解决方案1】:

    如果你想通过另一个影响一个日期选择器,你可以这样做,例如这边走。这里是日期选择器 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();      <<<<
            }
    

    【讨论】:

      猜你喜欢
      • 2014-06-28
      • 2015-02-02
      • 2017-08-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多