Я создал этот php-файл, который содержит дату начала и окончания бронирования. из базы данных (Calendar.php):
Код: Выделить всё
Скрипт Calender.php вернет этот JSON : [{"start": "2024-12-12 10:00:00", "end": "2024-12-12 11:00:00"},{"start": "2024- 10-07 19:00:00", "end": "2024-10-07 14:00:00"},{"start": "2024-10-09 11:50:00", "end": "2024-10-09 13:00:00"}]
Вот код для FullCalendar (Calendar.js):
Код: Выделить всё
document.addEventListener('DOMContentLoaded', function () {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
url: 'module/calendar.php', // change here //
initialView: 'dayGridMonth',
locale: 'cs',
navLinks: true,
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay',
},
timeFormat: 'h(:mm)',
showNonCurrentDates: false,
buttonText: {
today: 'Dnes',
month: 'Měsíc',
week: 'Týden',
day: 'Den',
list: 'Seznam'
},
titleFormat: {
month: 'short',
year: 'numeric',
},
slotLabelFormat: {
hour: 'numeric',
minute: '2-digit',
omitZeroMinute: false,
meridiem: false,
},
eventTimeFormat: {
hour: 'numeric',
minute: '2-digit',
meridiem: false
},
allDayText: 'Celý den',
});
calendar.render();
});
Я ничего не пробовал, потому что не знаю, как именно, поэтому и создаю этот пост. Я ожидаю, что как только я создам бронирование с помощью формы, оно появится в календаре.
Вот ссылка на GitHub, где у меня есть все файлы для этого проекта:
https://github.com/MaxVas158/Reservation-form.git
Подробнее здесь: https://stackoverflow.com/questions/790 ... m-php-file
Мобильная версия