Fullcalendar สามารถใส่สีให้กับ event ต่างกันได้ป่าวคับ ประมาณ อนุมัติแล้วเป็นสีเขียว ยังไม่อนุมัติเป็นสีแดงอะครับ
ดึงที่ อนุมัติแล้ว มาได้ ส่วนที่ยัง ไม่อนุมัติ ก็ทำแบบเดียวกันครับ
Date :
2014-07-26 19:00:04By :
mangkunzo
getcalendar.phpCode (PHP) <?php
header("content-type:text/html;charset=utf-8");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
include "connectdb.php";
$select_db=mysql_select_db($objDB);
mysql_query("SET character_set_results=utf8");
mysql_query("SET character_set_client='utf8'");
mysql_query("SET character_set_connection='utf8'");
mysql_query("collation_connection = utf8");
mysql_query("collation_database = utf8");
mysql_query("collation_server = utf8");
//if($_GET['gData']){
$event_array=array();
$i_event=0;
$strSQL = "select l.id,l.name,l.strdate,l.strtime,l.enddate,l.endtime,r.name as rname,l.mstatus from meeting_list l ";
$strSQL .= " left outer join meeting_room r on r.id = l.room ";
$strSQL .= " where mstatus = 'Y' ";
$json = array();
$objQuery = mysql_query($strSQL) ;
while($rs=mysql_fetch_array($objQuery)){
$event_array[$i_event]['id']=$rs['id'];
$event_array[$i_event]['title']=$rs['rname']." ".$rs['strtime']."-".$rs['endtime'];
$event_array[$i_event]['start']=$rs['strdate'];
$event_array[$i_event]['end']=$rs['enddate'];
//$event_array[$i_event]['myclass']=$rs['mstatus']; // ส่งค่า Class name ไปครับ
$i_event++;
}
echo json_encode($event_array);
exit;
//}
?>
Code (PHP) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel='stylesheet' type='text/css' href='fullcalendar/redmond/theme.css' />
<link rel='stylesheet' type='text/css' href='fullcalendar/fullcalendar.css' />
<script type='text/javascript' src='fullcalendar/jquery/jquery.js'></script>
<script type='text/javascript' src='fullcalendar/jquery/jquery-ui-custom.js'></script>
<script type="text/javascript" src="fullcalendar/fullcalendar.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function(){
jQuery('#calendar').fullCalendar({
header: {
left: 'month,agendaWeek,agendaDay',
center: 'title',
right: 'prev,next today'
},
//editable: true, //ปิดการย้ายข้อมูล
theme:true,
events: "getCalendar.php",
loading: function(bool) {
if (bool) jQuery('#loading').show();
else jQuery('#loading').hide();
}
});
});
</script>
<style type="text/css">
body{
padding:0px;
margin:0px;
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
}
#calendar{
width:700px;
margin:auto;
}
</style>
</head>
<br />
<br />
<div id='calendar'></div>
<br /><br />
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th>หมายเหตุ : </th>
<td bgcolor="#006600" width="20"> </td>
<td><span style="margin:0 auto; padding:3px;">อนุมัติแล้ว</span></td>
<td bgcolor="#FF3300" width="20"> </td>
<td><span style="margin:0 auto; padding:3px;">ยังไม่ได้อนุมัติ</span></td>
</tr>
</table>
<p style='margin:0 auto; padding:3px;' align='center'><br />
</p></br>
</br>
</body>
</html>
Date :
2014-07-28 17:23:01By :
num030
Server 00
Load balance : Server 00
