仅启用当前星期的多选日期选择器

时间:2019-03-21 13:01:47

标签: javascript jquery html css

我正在尝试使用一个多日期选择器,它允许用户在当前星期的时间范围内选择多个日期。我禁用所有其他日期,仅保留当前星期供用户选择。用户可以选择多个日期。我已经尝试过jquery-ui和bootstrap datepickers,但是我没有得到所需的东西。我无法根据自己的需求调整内置库。

我终于找到了一个包含了moment.js的jsfiddle,但是我无法为其添加“ multidate:true”功能。我不确定这是否可能。让我知道我是否对jQuery-ui / bootstrap datepickers不切实际。我不选择第三者日期选择器,因为我的组织不允许我下载任何此类插件。因此,我只是坚持使用标准的jQuery-ui / bootstrap datepickers。

这里是JSFiddle,我希望其中包含多选功能。当前只允许选择一个日期。

这是JavaScript代码:

$(function () {
        $('.pickWeek').datetimepicker({
            locale: 'pt-br',
            format: "DD/MM/YYYY",
            sideBySide: true,
            daysOfWeekDisabled: [0]
        });
        $('.pickWeek').data("DateTimePicker").minDate(moment().startOf('week'));
        $('.pickWeek').data("DateTimePicker").maxDate(moment().endOf('week'));
    });

0 个答案:

没有答案