Skip to main content

สร้าง ปฏิทินตารางเวลา ด้วย FullCalendar Scheduler Javascript Library

สวัสดีครับ ในบทความนี้ เราจะมาแนะนำการใช้งาน Fullcalendar Scheduler ซึ่งเป็น Javascript Library สำหรับ จัดการข้อมูลตารางเวลา สามารถ แสดงเหตุการณ์ในแต่ละช่วงเวลาของวันได้  ซึ่งสามารถนำไปประยุกต์ใช้งานได้ หลายรูปแบบ เช่น แสดงช่วงเวลาการใช้ห้องประชุม เป็นต้น

สามารถดูตัวอย่างการใช้งานได้ที่  Fullcalendar Scheduler

FullCalendar Scheduler License

ก่อนจะเริ่มใช้งานเรามาดูเงื่อนไขการใช้งาน หรือ  ใบอนุญาต (License)  ของ Fullcalendar Scheduler กันก่อนครับ โดย Fullcalendar Scheduler จะมี License อยู่ด้วยกัน 3 แบบ คือ

1.Commercial License คือ ใบอนุญาตในการนำไปใช้งานในเชิงพาณิชย์ นั้นก็คือสามารถนำ Fullcanlendar Scheduler ไปใช้ในงาน หรือ Project ที่มีการเก็บค่าบริการจากผู้ใช้งานได้  อันนี้ ก็ต้อง ซื้อ License จากทางผู้พัฒนาครับ

2. Non-Commercial Creative Commons   คือ ใบอนุญาตนี้ สามารถนำ Fullcalendar Scheduler ไปใช้งานกับ Project ที่มีวัตถุประสงค์ที่ไม่ใช่เชิงพาณิชย์เท่านั้น หรือ ใช้งานเพื่อการศึกษา หรือ กับองค์กรที่ไม่แสวงหาผลกำไร ก็สามารถใช้ใบอนุญาตนี้ได้ครับ

3.GPL License  คือ ใบอนุญาตสำหรับนำFullcalendar Scheduler ไปใช้ในงานที่เป็น โอเพนซอร์ส และ งานที่นำ Fullcalendar Scheduler ไปใช้ภายใต้ใบอนุญาต GPL จะเป็นต้องเป็น โอเพนซอร์ส เหมือนกันครับ

มาเริ่มต้นใช้งาน FullCalendar Scheduler กันเลย

1.นำเข้าไฟล์ Javascript และ Css ที่จำเป็น

2.เรียกใช้งาน Function fullCalendar

ในการใช้งานอย่าลืมกำหนด รูปแบบ License ที่เราต้องการใช้งานด้วยครับ
ในตัวอย่างเลือกใช้งาน license แบบ GPL ครับ

3.สร้าง Tag div ที่มี id เท่ากับ calendar ไว้เพื่อแสดงผล ปฏิทินใน Tag นี้ครับ

ตัวอย่างไฟล์ scheduler.html แบบเต็ม

ตัวอย่างการแสดงผล

ตัวอย่าง FullCalendar Scheduler  ประยุกต์ใช้งานกับ PHP / MySQL

สร้างฐานข้อมูล meeting โดยมี  ตาราง room และ ตาราง events

สร้างไฟล์ resource.php

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

ตัวอย่างการแสดงผล โดยแสดงข้อมูลจากฐานข้อมูล MySQL

Download Demo SourceCode