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

时间:2016-03-26 17:23:15

标签: javascript jquery jquery-ui-datepicker

我有以下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 个答案:

答案 0 :(得分:2)

您应该添加为函数名beforeShowDay

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

这应该有用。