如何在 jQuery datepicker 中仅选择周开始日期答案

【问题标题】：How to select only week start date in jQuery datepicker如何在 jQuery datepicker 中仅选择周开始日期
【发布时间】：2015-10-19 07:03:46
【问题描述】：

我正在使用 jQuery 日期选择器。
我想让用户只选择周开始日期。

例如，如果今天是星期一，用户不应该选择今天，因为它不是一周的开始日期，我假设星期日是一周的开始日期，我该怎么做？

我的示例代码 sn-p 是：

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

【问题讨论】：

标签： javascript jquery

【解决方案1】：

你可以得到星期几：

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

n 将是一个从 0 到 6 的数字（0 是星期日，1 是星期一，依此类推）。那么如果你想限制从上周日开始的选择：

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

其中 min date 将是从今天开始的 -n 天。如果您希望使用下周日作为最小日期，您只需稍微修改 n 并将其用作正数 ofc。

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

Datepicker Documentation

【讨论】：

【解决方案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

【讨论】：