0

これが可能かどうかはわかりませんが、multidatepicker でこれを行う手がかりが見つかりません。顧客が好きな予約日を選択できるようにする必要がある Web 予約システムを作成しています。しかし今、私のクライアントは、毎週のパッケージ（月に4回）、隔週（2週間に1回）などのパッケージを作成するように要求していました..毎週の例..顧客がその週の火曜日を選択した場合..残りの6日すべてが無効になります..そして隔週..その週と次の週は無効になります..

助けてくれる人に感謝します:)

4

1 に答える 1

0

私は同じ問題を抱えています:私の予約プロジェクトでは、ユーザーは日の範囲だけでなく週の範囲も選択する必要があります(土曜日から土曜日までのみ)。

multiDatesPicker() init 関数の onSelect() イベントで週の選択を管理しました。曜日をクリックすると、MultiDatesPicker は土曜日から土曜日までの相対的な週を自動選択します。

残念ながら、私にとって未解決の問題はホバー イベントです。MultiDatesPicker も、選択するだけでなく、曜日をホバーすることで週をホバーしたいので、ユーザーは日ではなく週を実際に選択するように認識できます。MultiDatesPicker に、「事前選択」/ホバー イベントを管理する onHover() 関数がないことは特異です。

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

それが助けになることを願っています。ホバーイベントを管理するアイデアがあり、それを共有できる場合。ありがとう

于 2015-03-06T10:36:36.543 に答える