สำหรับตัวอย่างนี้จะเป็นการนำข้อมูลที่อยู่ในฝั่งของเซิร์ฟเวอร์ นั่นก็คือ สร้างจาก PHP ส่งไปยัง JavaScript โดยจะแปลงให้อยู่ในรูปแบบ JSON ที่ Fullcalendar สามารถนำไปใช้ได้ทันที
ลองดูวิธีการเขียนคำสั่ง PHP และการเรียกใช้งาน Fullcalendar ได้จากวิดีโอนี้ได้เลยครับ
วิดีโอสาธิตการทำงาน
ตัวอย่างซอร์สโค้ด
<?php
//Database
$array = array(
array('title'=> 'Long Event',
'start'=> '2015-02-07',
'end'=> '2015-02-10'),
array('id'=> 999,
'title'=> 'Repeating Event',
'start'=> '2015-02-16T16:00:00')
);
?>
<script>
$(document).ready(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
defaultDate: '2015-02-12',
editable: true,
eventLimit: true, // allow "more" link when too many events
events : <?php echo json_encode($array);?>
});
});
</script>
<h3>ทดสอบ Fullcalendar</h2>
<div id='calendar'></div>
PHP CI MANIA - PHP Code Generator
โปรแกรมช่วยสร้างโค้ด "ลดเวลาการเขียนโปรแกรม"
ความคิดเห็น
แสดงความคิดเห็น