【MTS Simple Booking-C】当日の予約をできなくする方法

  • 投稿日
  • 著者 こまつ
  • カテゴリー Web制作

【MTS Simple Booking-C】当日の予約をできなくする方法

WordPressのサイトに無料で予約システムを導入できるプラグイン「MTS Simple Booking-C」の機能をJava Scriptで拡張しました。

当日予約をできなくする手段として、登録時に押されるボタンのリンクに「UNIX時間」が使われていたので利用しました。

                // 現在の日付を取得
                const today = new Date();

                const todayTime = new Date(today);
                todayTime.setDate(today.getDate() );
                todayTime.setHours(9, 0, 0, 0);
                const unixTimetodayTime = Math.floor(todayTime.getTime() / 1000);

                // calendar-daylink クラスを持つすべての <a> 要素を取得
                const calendarLinks = document.querySelectorAll('.calendar-daylink');

                // 各 <a> 要素に対して処理を行う
                calendarLinks.forEach(link => {
                    // 各 <a> 要素の href 属性を取得
                    const href = link.getAttribute('href');

                    // href の中に unixTimetodayTime が含まれているかチェック
                    if (href.includes(unixTimetodayTime)) {
                        // 含まれている場合、クリックを無効にする
                        link.addEventListener('click', function(event) {
                            event.preventDefault();
                            alert('当日の予約はできません。');
                        });

                    }
                });

pickup