jQuery日期选择器仅选择星期一

jQuery Date picker to only select mondays

本文关键字：选择 星期一 选择器 日期 jQuery      更新时间：2023-09-26

我有下面的jQuery，它给我当前日期，并在所选日期后7天填充结束日期。我希望用户只能从日期选择器中选择星期一。这可以按照我的代码的方式完成吗？

 $(document).ready(function () {
        $("#WeekCommencing").datepicker({
            dateFormat: "dd-M-yy",
            minDate: 0,
           // MondayOnly: function(date){ return[(date.getDate() == 1),""];},
            onSelect: function (date) {
                var date2 = $('#WeekCommencing').datepicker('getDate');
                date2.setDate(date2.getDate() + 7);
                $('#WeekEnding').datepicker('setDate', date2);
                //sets minDate to dt1 date + 1
                $('#WeekEnding').datepicker('option', 'minDate', date2);
            }
        });
        $('#WeekEnding').datepicker({
            dateFormat: "dd-M-yy",
            onClose: function () {
                var dt1 = $('#WeekCommencing').datepicker('getDate');
                console.log(dt1);
                var dt2 = $('#WeekEnding').datepicker('getDate');
                if (dt2 <= dt1) {
                    var minDate = $('#WeekEnding').datepicker('option', 'minDate');
                    $('#WeekEnding').datepicker('setDate', minDate);
                }
            }
        });
    });

您应该添加beforeShowDay 作为函数名

beforeShowDay : function(date){ return[(date.getDay() == 1),""];}, //Monday Only Function

这应该行得通。

相关文章：