javascript - 在 JQuery 中，日期选择器需要禁用一个月中的隔周

Question

您好，我正在使用 JQuery Datepicker，我想禁用隔周。

我尝试使用 beforeShowDay，但这对隔周没有帮助，

$("#datepicker").datepicker({
    beforeShowDay: function(date) { 
      return date.getDay() == 6
    }
});

谁能帮我解决这个问题

Answer 1

我们可以使用 this answer 中显示的 getWeekNumber() 函数返回一年中的第几周。

有了这个，我们可以执行 weekNumber % 2 == 0 将其限制为交替周数。

Date.prototype.getWeekNumber = function() {
  var d = new Date(+this);
  d.setHours(0, 0, 0, 0);
  d.setDate(d.getDate() + 4 - (d.getDay() || 7));
  return Math.ceil((((d - new Date(d.getFullYear(), 0, 1)) / 8.64e7) + 1) / 7);
};

$("#datepicker").datepicker({
  beforeShowDay: function(date) {
    return [date.getWeekNumber() % 2 == 0, '']
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<input type="text" id="datepicker">

请注意，beforeShowDay 的预期返回是一个数组:

A function that takes a date as a parameter and must return an array with:

[0]: true/false indicating whether or not this date is selectable

[1]: a CSS class name to add to the date's cell or "" for the default presentation

[2]: an optional popup tooltip for this date