繁体   English   中英

值选择后 DatePicker 范围更改

[英]DatePicker Range Changes After the Value Selection

我创建了一个 jquery Date Pick,最小范围为 -6y,最大范围为 +9y 这是代码

<asp:TextBox ID="CalTxt" OnTextChanged="CalTxt_TextChanged" CssClass="DeTbx1 TxtCalendar" ClientIDMode="Static" runat="server" data-maxdateyear="9" data-mindateyear="6" ToolTip="M/D/YYYY"></asp:TextBox>
<span><i runat="server" class="fa fa-calendar fa-calendar form-control-feedback calspan calendar-icon" data-focuson="CalTxt"></i></span>

要设置的 javascirpt 代码

  $('.TxtCalendar').bind('keydown', function (e) {
        debugger;
        //CALL VALIDATION WHEN ENTER KEY IS PRESSED IN DATEPICKER
        if (event.which == 13) {
            validateDatePicker(this);
        }
    }).datepicker({
        dateFormat: 'm/d/yy',
        changeMonth: true,
        changeYear: true,
        minDate: "-1y",
        maxDate: "+2y",
        onClose: function (date) {
            //DO NOT FOCUS TO DATE PICKER IF ERROR DIALOG IS OPEN
            var modal = document.getElementById("myModal");
            if (modal.style.display !== 'block') {
                $(this).focus();
            }
        }
    });

    $('.TxtCalendar').each(function () {
        debugger;
        var id = this.id;
        //var maxDateFormat = "+" + $('#' + id).data("maxdateyear") + "y";
        //var minDateFormat = "-" + $('#' + id).data("mindateyear") + "y";
        var maxDateFormat = "+9y";
        var minDateFormat = "-6y";
        $('#' + id).datepicker("option", "maxDate", maxDateFormat);
        $('#' + id).datepicker("option", "minDate", minDateFormat);
    });

现在到这里代码工作正常,我可以在 UI 中看到范围,下拉菜单中的愤怒显示从

在此处输入图像描述

但是现在当我将年份更改为 2031 年时,我看不到所有年份的变化,我只看到仅有的 10 年

在此处输入图像描述

我该如何解决这个问题?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM