Question

我正在使用：

<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/jquery-ui-1.8.24.min.js"></script>
<link href="~/Content/AdminPanel.css" rel="stylesheet" />
<link href="~/Content/font-awesome.css" rel="stylesheet" />
<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />

我的约会选择器：

$(".datepickBirthday").datepicker({
    beforeShow: function (input, inst) {
        $(document).off('focusin.bs.modal');
    },
    onClose: function () {
        $(document).on('focusin.bs.modal');
    },
    defaultDate: '-10Y',
    dateFormat: 'd MM, yy',
    yearRange: "-70:-10",
    minDate: new Date('-70Y'),
    maxDate: new Date('-10Y'),
    changeMonth: true,
    changeYear: true
});

我想让用户限制从过去10年输入。这意味着谁必须是10岁。但问题是，当用户达到最大或最小年份时，它不会禁用next或prev按钮。我测试了这个http://jsbin.com/babapikebo/edit?html,output。它适用于jsbin但不适用于我的localhost。我想念jquery ui版吗？如果没有那么我该怎么做呢？我只想限制用户添加10岁以下的成员。最大值没有必要。

Answer 1

试试这个

$(".datepickBirthday").datepicker({
            beforeShow: function (input, inst) {
                $(document).off('focusin.bs.modal');
            },
            onClose: function () {
                $(document).on('focusin.bs.modal');
            },
            defaultDate: '-10Y',
            dateFormat: 'd MM, yy',
            yearRange: "-70:-10",
            minDate: '-70Y',
            maxDate: '-10Y',
            changeMonth: true,
            changeYear: true
        });

Answer 2

看到这一点，日历将设置为分钟年和最大年份的所有月份，并且将启用prev按钮直到明年1月，并且下一个按钮将启用，直到最大12月。

$(document).ready( function() {        
       $(".datepickBirthday").datepicker({
          
            defaultDate: '-10Y',
            dateFormat: 'd MM, yy',
            yearRange: "-70:-10",
            //minDate: '-70Y',
            //maxDate: '-10Y',
            changeMonth: true,
            changeYear: true
        });
  });

 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<input type="text" class="datepickBirthday" name="datepickBirthday">

最大日期不会禁用datepicker中的下一个按钮

2 个答案: