IT Knowledge Base

~ Without sacrifice, there can be no victory ~

發佈日期:

探討使用jQuery FullCalendar‧建立自己的日曆備忘錄(更新篇 1/2)

01. 那年開始研究如何用PHP,建立自己的日曆備忘錄。但不知去到何時,程式碼已經不能用,不知是PHP更新了的問題,還是其他的出了狀況,反正是研究一下,也沒有再理它了。

02. 這幾天有點時間,本想看看是出了甚麼問題。但原作者原來已把程式碼,更新了不知多少次了。日曆及時間表示的方式改了,即是之前的程式碼也是需要更改。那問始再用PHP及FullCalendar,建立自己的日曆備忘錄。

03. 與之前想法一樣,日曆備忘錄的資料是儲存在MySQL內,用戶必需要登入才能看到內容。而輸入日期及時間及檢查工作,改由jQuery插件『timepicker』及『datepair』兩個來負責。

04. 更改日曆備忘錄資料時,也是沿用之前的方法,選了日期再進入更新畫面。

05. 之前『FullCalendar』也設有『拖放功能』(drag and drop function),但考慮到操作時,如把『每週的特定時段活動』(weekly activities)改為『某日整個時段活動』(whole day activity)時,會出現不同的壯況,固只有使用『管理員』(admin)帳戶時,才可使用『拖放功能』。

06. 而『拖放功能』(drag and drop function)引起的數據庫更新動作,會由『FullCalendar』兩個方法(method),eventDrop及eventResize所啟動。

07. 正常的日曆備忘錄版面。

08. 新增備忘錄資料,根據『FullCalendar』插件指示,共有4種模式,分別為某日特定時段、某日整個時段、某幾日整個時段、及每週的特定時段。在新增或更改備忘錄資料時,都會作日期及時間檢查。

09. 更改的備忘錄版面。

10. 每週預覽模式。

11. 『管理員』(admin)模式時,可用『拖放功能』(drag and drop function)。

12. 使用『拖放功能』(drag and drop function),模式也會根據實際情況作改變。但要留意,有些改動是不可以改回頭的,如把『每週的特定時段活動』(weekly activities)改為『某日整個時段活動』(whole day activity)時,是不能改回頭的。

13. 按『這裡』可測試用戶模式。而『管理員』(admin)帳戶名稱是:admin,密碼是:5678。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *