在 jQuery UI date-picker-month 中禁用未来日期，不会禁用未来年份

编程问答 2022-05-31

问题描述

首先，我放弃了以下类似的问题：

Disable future dates in jQuery UI Datepicker

Disable future dates after today in Jquery Ui Datepicker

Disable Months On Month/DatePicker

我有以下日期选择器月份（我正在使用：jQuery UI Datepicker 1.11.4。 ):

maxDate

所以它看起来像这样：

years

months

我只想禁用未来年份的选择。如果我像这样添加 $(function() { $("#datePickerMonth").datepicker({ maxDate: new Date() // the same with maxDate: 0 }); }); 属性（这是许多类似问题中的建议答案）：

$(function() {
  $("#descuentos_hasta").datepicker({
    beforeShowDay: function (){
      return [false,''],},});

});

然后我可以选择：

  1. Years：未来的一年（我想禁用未来的年份）
  2. 月份：所选年份
  3. 天：它显示到当前日期为止的天数，但是，如果我选择这些天中的一天，则所选日期将变为当年，即使我之前选择了未来一年

enter image description here

enter image description here

我试过这个：

 maxDate: new Date()

但我得到的结果和没用过一样：我仍然可以选择未来的年份和月份。

我希望实现这样的目标：

enter image description here

灰色圆圈中的年份被禁用，未来几个月也是如此，

此 answer 很接近，但我得到的行为与我描述的与日期相关的行为相同，而我的日期选择器仅与年-月相关。

请，任何帮助将不胜感激。

更新：已解决

我很抱歉，我试图减少所有不必要的东西，我终于找到了 js 文件，其中 <!DOCTYPE html> <head> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous"> <link media="all" href="https://cdn.jsdelivr.net/npm/eonasdan-bootstrap-datetimepicker@4.17.49/build/css/bootstrap-datetimepicker.css" rel="stylesheet"> </head> <body> <div class="col-xs-3"> <div class='input-group date' > <input type="text" class="form-control date-picker-month disabled" name="datePickerMonth" id="datePickerMonth" }}" autocomplete="off"> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment-with-locales.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/eonasdan-bootstrap-datetimepicker@4.17.49/src/js/bootstrap-datetimepicker.min.js"></script> </body> <script type="text/javascript"> if ( $('.date-picker-month')[0]){ $('.date-picker-month').datetimepicker({ //format: 'YYYY-MM-DD' viewmode: 'years',format: 'MM/YYYY',widgetPositioning: { horizontal: 'auto',vertical: 'auto'},maxDate: new Date() }); } </script> </html> 行起作用。我为其他人添加了以下代码段。

{{1}}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

eonasdan-datetimepickerhtmljavascriptjquerymomentjs