如何在jQuery datepicker中僅選擇星期開始日期

Question

我正在使用jQuery datepicker。
我想允許用戶僅選擇星期開始日期。

例如，如果今天是星期一，則用戶不應選擇今天，因為它不是星期幾的開始日期，我假設星期日是星期幾的開始日期，我該怎么辦？

我的示例代碼片段是：

$('.reservationDateStyle').datepicker({
  changeMonth: true,
  changeYear: true,
  showOn: 'button',
  buttonImage: '<%=contextPath%>/images/calPickerIcon.png',
  buttonImageOnly: true,
  onSelect: function() {
    this.focus();
  }
});

Answer 1

您可以像這樣獲得工作日：

var d = new Date();
var n = d.getDay();

n將是0到6之間的數字（0是星期日，1是星期一，依此類推）。 然后，如果您要限制上一個星期日的選擇，請執行以下操作：

$(function() {
    $( "#datepicker" ).datepicker({ minDate: -n });
});

最小日期是從今天開始的-n天。 如果您希望將下一個星期日用作最短日期，則只需稍作修改並將其用作正數c。

n = 7 - n;
$(function() {
    $( "#datepicker" ).datepicker({ minDate: +n });
});

Datepicker文檔

Answer 2

您可以像這樣使用beforeShowDay方法。

jQuery(document).ready(function() {
    jQuery('#date').datepicker({
        beforeShowDay: function(date){
          return [date.getDay()===0];
        }
    });
});

http://jsbin.com/lehuyejiru/edit?html,js,console,output