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

标签 javascript jquery jquery-ui-datepicker

我有以下 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

这应该可行。

关于javascript - jQuery 日期选择器仅选择星期一,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36238408/

相关文章:

javascript - AWS Lambda puppeteer 师

javascript - 为什么我的 multiple if else 在 JavaScript 中不起作用?

javascript - 如何通过 css 或 javascript 甚至使用 jquery 在 html 中扩展悬停的缩写词?

javascript - jquery 如何在单击按钮时停止 $.ajax

jquery - 是否可以更改 JSON 中的页面 webmethod 响应,删除 .d 节点?

jquery - 如何在 jQuery Datepicker 中的选定日期添加链接 (href)

javascript - Chrome 扩展 : Unsafe attempt to load URL 中的 XSLT

javascript - HTML 表单操作是前置值而不是附加值

jQuery UI Datepicker - 如何更改 Datepicker HTML

jquery - 将 DateTimePicker 转换为 Unix,然后再返回