Question

我不确定这是否可行，但我无法找到任何使用multidatespicker执行此操作的线索.. 我正在创建一个网络预订系统，需要允许客户选择他们喜欢的任何预订日期。但现在我的客户要求创建包装，如每周包装（每月4次），每两周一次（每2周1次）等等。对于每周例子......当客户选择那周的星期二时...其余的6天所有将被禁用..并且每两周..对于那个星期和下周将被禁用..

对能够提供帮助的人表示赞赏：）

Answer 1

我有同样的问题：在我的预订项目中，用户必须可以选择日期范围，也可以选择周范围（仅限周六至周六）。

我在multiDatesPicker（）初始化函数的onSelect（）事件中管理了周的选择：通过点击星期几，MultiDatesPicker自动选择星期六到星期六的相对星期。

不幸的是，对我而言，悬而未决的问题就是悬停事件，因为我希望MultiDatesPicker也会在一周内徘徊一周，而不仅仅是选择它，所以用户可能有感觉真正选择周，而不是几天。 MultiDatesPicker没有onHover（）函数来管理＆＃34;预选＆＃34; / hover事件，这一点很奇怪。

var autoselectRange = [0, days_range];

$('.multidatespicker-wrapper').multiDatesPicker({
numberOfMonths: [1, 2],
minDate: 1, 
firstDay: 1,
mode: 'daysRange',
onSelect: function(dateText, inst) {

    var selectedDate = $.datepicker.parseDate($.datepicker._defaults.dateFormat, dateText);

    from_date = new Date(moment(dateText, "MM/DD/YYYY").format("YYYY-MM-DD"));
    to_date = new Date (moment(dateText, "MM/DD/YYYY").add('days', days_range - 1).format("YYYY-MM-DD"));

    if (weekRange) {
        // Setting of Start and End of the week
        if (from_date.getDay() == 6) numDaysToWeekStart = 0; // because Saturday in this case it is Start of the week
        else numDaysToWeekStart = from_date.getDay() + 1;

        from_date = new Date(from_date.setDate(from_date.getDate() - numDaysToWeekStart));
        to_date = new Date(to_date.setDate(to_date.getDate() - numDaysToWeekStart));

        // Setting of the days of the week
        date = new Date(from_date); 
        weeks = [];

        while (date <= to_date) {
            weeks.push(new Date(date));
            date.setDate(date.getDate() + 1);
        }

        // Selection of the days of the week/weeks in MDP Calendar
        $(this).multiDatesPicker('resetDates', 'picked');
        $(this).multiDatesPicker('addDates', weeks);
    }

    // Any more controls

},   
autoselectRange: autoselectRange,
pickableRange: days_range,

// any more settings });

我希望这可能是一种帮助;如果你有想法管理悬停事件，你可以分享它。感谢

在multidatespicker中选择每周/双周/每周两次

1 个答案: