jQuery UI Datepicker：限制为两周

Question

我进行了一些搜索，但似乎无法找到我正在寻找的具体示例（JS 不是我的强项）。如果已经提供了另一个答案，我深表歉意，并将永远感谢您提供链接。

我目前正在用 PHP 构建一个薪酬计算器，我的首页上有日期选择器以确保一致性。我们每两周获得一次报酬，我只想让那些每两周一次的日期可供选择。我已经禁用了周六的所有日子，但它允许所有的周六。我想可能有一个 for 循环或者我可以用来从指定日期开始每隔一个星期六计算一次，以确保显示正确的日期，但正如我上面所说，我不熟悉 JS。 （我想从指定的日期开始计算，这样它会自动更新，我不必硬编码两周的日期。）

我的代码如下：

$(function() {
    $( "#datepicker" ).datepicker({
    showOn: "button",
    buttonImage: "images/calendar.gif",
    buttonImageOnly: true,
    dateFormat: "dd-mm-yy",
    beforeShowDay: nonWorkingDates,
});
function nonWorkingDates(date){
    var day = date.getDay(), Sunday = 0, Monday = 1, Tuesday = 2, Wednesday = 3, Thursday = 4, Friday = 5, Saturday = 6;
    var closedDays = [[Sunday], [Monday], [Tuesday], [Wednesday], [Thursday], [Friday],];
    for (var i = 0; i < closedDays.length; i++) {
    if (day == closedDays[i][0]) {
        return [false];
    }
    }
    return [true];
}
});

但多亏了巴德里，我把它精简到了：

$(function() {
    $( "#datepicker" ).datepicker({
    showOn: "button",
    buttonImage: "images/calendar.gif",
    buttonImageOnly: true,
    dateFormat: "dd-mm-yy",
    beforeShowDay: nonWorkingDates
});
function nonWorkingDates(date){
    if (date.getDay() != 6) {
        return [false, '', 'selected'];
    }
    return [true, ''];
}
});

作为一个相关问题（如果需要，我很乐意提出一个单独的问题），我可以让 datepicker 只显示您可以选择的日期吗？还是有人可以建议使用 datepicker 的替代方法来实现这一目标？

干杯

Answer 1

请参阅此常见问题解答，了解如何允许用户仅选择一周中的特定日期： http://jqfaq.com/how-to-restrict-date-selection-to-specifc-week-days-in-the-dropdown/

如果只允许从今天开始的每隔一个星期六，您的代码看起来会略有不同，如下所示：

function beforeShowDayHandler(date) {
    var today = new Date();
    if (date < today || date.getDay() != 6) {
        return [false, '', 'selected'];
    } else {
        var day = today.getDay();
        var comingSat = new Date();
        comingSat.setDate(comingSat.getDate() + 6 - day);
        var diffDays = dateDiffInDays(comingSat, date);
        var noOfWeeksAway = diffDays / 7;

        if ((noOfWeeksAway % 2 == false)) return [false, '', 'selected'];
    }
    return [true, ''];

}

功能齐全的小提琴在这里： http://jsfiddle.net/badri_cr/VNNYP/

Answer 2

使用选项：

minDate: 0,
maxDate: '+14'

将日期选择器限制为下两周。