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

I have the following jQuery which gives me the current date and the populates the enddate 7 days from the selected date. I would like for the user to only be able to select mondays from the datepicker. Can this be done the way in which I have my code?

我有以下jQuery,它给我当前日期,并填写从所选日期起7天的结束日期。我希望用户只能从datepicker中选择星期一。这可以按照我的代码的方式完成吗?

 $(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);
                }
            }
        });
    });

1 个解决方案

#1

You should add as function name beforeShowDay

您应该在beforeShowDay之前添加函数名称

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

and that should work.

这应该工作。

#1