Skip to main content

การใช้งาน Fullcalendar2 with Bootstrap Modal And MySQL

การใช้งาน Fullcalendar2 ในตัวอย่างจะเป็นการดึงข้อมูลมาจากฐานข้อมูล MySQL มาแสดงใน Fullcalendar2

สร้าง class PHP/MySQLi เพิ่ม แก้ไข และ ลบ ข้อมูล และ ประยุกต์ใช้งาน ร่วมกับ Bootstrap Modal

สร้างฐานข้อมูลชื่อว่า demo

สร้างTable calendar ใน ฐานข้อมูล demo

ตัวอย่างไฟล์ fullcalendar.class.php

สร้าง class Fullcalendar เพื่อ เพิ่ม แก้ไข และ ลบข้อมูล ใน MySQL

สร้างไฟล์ json-event.php

ในไฟล์ json-event.php จะรับข้อมูลจาก FORM เพื่อส่งข้อมูลให้กับ Method ต่าง ๆ ภายในไฟล์ fullcalendar.class.php ตาม เงื่อนไข IF

สร้างไฟล์ script.js

โดยจะมีการใช้ Jquery Ajax มาช่วยในการส่งข้อมูลจาก FORM ไปยังไฟล์ json-event.php

ตัวอย่างไฟล์ calendar.php สำหรับการแสดงผลข้อมูล

ในไฟล์ calendar.php

ในส่วนของ Tag head จะมีการนำเข้าไฟล์ Css จาก fullcalendar และ bootstrap

ในส่วนของ Javascript มีการนำเข้าไฟล์ จาก jquery fullcalendar bootstrap และไฟล์ script.js