將jQuery fullcalendar集成到PHP網站中
[英]Integrating jQuery fullcalendar into PHP website
問題描述
我想將jQuery fullcalendar集成到我的PHP網站中，但我不知道如何處理該事件以及如何使用MySQL的JSON數據。
任何意見，將不勝感激。
11 個解決方案
解決方案1
14 已采納 2009-11-03 09:17:13
確保您的PHP可以輸出以下HTML代碼 ：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$('#example').calendar();
});
</script>
</head>
<body>
<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">
<script src="http://dev.jquery.com/view/trunk/plugins/calendar/jquery-calendar.js"></script>
<input type="text" id="example" value="Click inside me to see a calendar" style="width:300px;"/>
</body>
</html>
以下是使用json_encode 的示例 ：
$(document).ready(function() {
$('#calendar').fullCalendar({
draggable: true,
events: "json_events.php",
eventDrop: function(event, delta) {
alert(event.title + ' was moved ' + delta + ' days\n' +
'(should probably update your database)');
},
loading: function(bool) {
if (bool) $('#loading').show();
else $('#loading').hide();
}
});
});
這是PHP代碼：
<?php
$year = date('Y');
$month = date('m');
echo json_encode(array(
array(
'id' => 1,
'title' => "Event1",
'start' => "$year-$month-10",
'url' => "http://yahoo.com/"
),
array(
'id' => 2,
'title' => "Event2",
'start' => "$year-$month-20",
'end' => "$year-$month-22",
'url' => "http://yahoo.com/"
)
));
?>
解決方案2
9 2010-02-10 06:12:28
“2010-02-11 11:00:00”格式工作正常，為我指定時間（內部沒有“T”），解決方案的關鍵是將事件的“allDay”屬性設置為空字符串。
解決方案3
3 2012-09-20 12:15:32
在PHP中 - JSON：
$eventsArray['allDay'] = "false"; //doesn't work
$eventsArray['allDay'] = false; //did the trick to have a NON FULL DAY correctly rendered!!
解決方案4
3 2010-01-08 16:39:33
我有同樣的問題，只是發現了如何使它工作。 這是您應該在php文件中使用的代碼：
$query = "select * from events where accountNo = '$accountNo'";
$res = mysql_query($query) or die(mysql_error());
$events = array();
while ($row = mysql_fetch_assoc($res)) {
$start = "2010-01-08T08:30"";//Here you have to format data from DB like this.
$end = "2010-01-08T08:30";//This format works fine
$title = $row['firstName']." ".$row['lastName'];
$eventsArray['id'] = $row['id'];
$eventsArray['title'] = $title;
$eventsArray['start'] = $start;
$eventsArray['end'] = $end;
$eventsArray['allDay'] = "";
$events[] = $eventsArray;
}
echo json_encode($events);
我希望它有幫助:)。
解決方案5
1 2011-01-04 18:57:08
回顯事件的輸出應采用以下格式：
$('#calendar').fullCalendar({
events: [{
title: 'Awesome Event Title',
start: new Date($start_year, $start_month, $start_day), or end: new Date(y, m, d),
end: new Date($end_year, $end_month, $end_day) or end: new Date(y, m, d)
}]
});
解決方案6
1 2011-06-14 04:54:08
以這種方式實現它，它工作正常
$result = mysql_query("SELECT * FROM eventoform",$conexion);
$array = array();
$i = 0;
while ($row = mysql_fetch_array($result)) {
$array[$i]=array("id"=>$row["id_evento"],"title"=>$row["NombreEvento"],"start"=>$row["FechaInicio"]." ".$row["HoraInicio"],"allDay"=>false,"description"=>$row["description"],"editable"=>true);
$i++;
}
echo json_encode($array);
解決方案7
0 2013-05-13 17:22:14
以防萬一有人使用rails和jbuilder來生成json feed ...你必須添加allDay屬性 ...
json.array!(@resubmissions) do |object|
json.id object.id
json.title "WVL - #{object.to_s}"
json.start object.resubmission_at.to_i
json.allDay false
end
但是，感謝PHP解決方案！
解決方案8
0 2009-11-03 14:10:42
我不熟悉jquery。 但我認為問題在於您沒有考慮Ajax的異步性質。
除非fullCalendar（）執行非常奇怪的操作（觸發Ajax請求並等待響應），否則您將無法以這種方式在函數中使用外部源，因為fullCalendar將在響應時完成運行從服務器返回。
似乎沒有一個明確的例子說明您在周日歷網頁上嘗試做什么，但我確信您需要的是創建沒有事件的日歷，但是為添加事件定義了回調; 然后以某種方式觸發外部呼叫。
解決方案9
0 2009-11-18 09:07:06
我認為你和我有同樣的問題。 我在網上搜索試圖找出如何設置DateTime，以便fullCalendar javascript將正確解釋它。 （這個頁面有一些很好的線索： http ： //blog.stevenlevithan.com/archives/date-time-format ）。
我在fullCalendar問題頁面上發布了這個帖子，希望創建者或其他任何人能夠對這個問題有所了解。
====================問題描述====================
哪些步驟將重現該問題？
- 使用JSON獲取事件
- 使用此JSON字符串：
[{"id":2, "title":"title of 2","start":"2009-11-17T10:00:00" ,"end":"2009-11-17T11:01:00","url":"?eventID=2"}]
什么是預期的輸出？ 你看到了什么呢？
- 我希望事件將顯示在日歷中，開始時間為10:00，結束時間為11:01。
- 它顯示為一整天的活動。
您使用的是哪個版本的產品？ 什么操作系統？
- FullCalendar v1.4.1
- Windows XP
請在下面提供任何附加信息。
我正在使用aspx頁面來獲取日歷事件。 我的猜測是我在JSON返回的JavaScript DateTime對象的格式有問題，這導致fullcalendar將事件解釋為fullDayEvents 。 我在JSON發送的格式是： 2009-11-17T11:01:00 。
解決方案10
0 2010-04-19 00:07:55
嘿，我沒有使用上面的代碼，但是在json_events.php中是默認代碼，在php輸出的開頭有“[”，在結尾有“]” 。
解決方案11
0 2010-05-27 08:15:24
這個例子有效：
$sql= "SELECT id, title, start, DATE_FORMAT(start, '%Y-%m-%dT%H:%i' ) AS startDate
FROM kalender
ORDER BY startDate DESC";
$res = mysql_db_query($db, $sql, $conn) or die(mysql_error());
$events = array();
//important ! $start = "2010-05-10T08:30"; iso8601 format !!
while ($row = mysql_fetch_assoc($res)) {
$eventArray['id'] = $row['id'];
$eventArray['title'] = $row['title'];
$eventArray['start'] = $row['startDate'];
$events[] = $eventArray;
}
echo json_encode($events);
在php網站上集成IMAP
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.