import wixData from 'wix-data';
import { calendar } from 'wix-calendar';
let currentMonth = new Date().getMonth();
let currentYear = new Date().getFullYear();
// カレンダーを描画
function renderCalendar(month, year) {
let firstDay = new Date(year, month, 1).getDay(); // 1日が何曜日か
let daysInMonth = new Date(year, month + 1, 0).getDate(); // 月の日数
// カレンダーのヘッダーに年月を表示
$w("#calendarHeader").text = `${year}年 ${month + 1}月`;
// 祝日データを取得
getHolidays(month, year).then(holidays => {
// 日ごとのセルを作成し、予約状況を表示
for (let day = 1; day <= daysInMonth; day++) {
let dayElement = createDayElement(day, holidays);
$w("#calendarGrid").add(dayElement);
}
});
}
// 祝日データを取得
function getHolidays(month, year) {
return wixData.query("Holidays").eq("month", month).eq("year", year).find()
.then(results => results.items.map(item => item.date));
}
// 前月・次月ボタンのイベントハンドラ
$w("#prevButton").onClick(() => {
if (currentMonth === 0) {
currentMonth = 11;
currentYear--;
} else {
currentMonth--;
}
renderCalendar(currentMonth, currentYear);
});
$w("#nextButton").onClick(() => {
if (currentMonth === 11) {
currentMonth = 0;
currentYear++;
} else {
currentMonth++;
}
renderCalendar(currentMonth, currentYear);
});
// ページ読み込み時にカレンダーを表示
$w.onReady(() => {
renderCalendar(currentMonth, currentYear);
});
top of page
愛を大切に
感謝を大切に
成長を大切に
挑戦を大切に
時間を大切に
私たちはこの理念を掲げて行動しています。
bottom of page
