JS Calendar

同仁提出一個想法。想要提供類似日本筑波大學圖書館的開閉館行事曆服務。

這套 FullCalendar 看來很不錯。資料的提供，再修改一下從資料庫取出，再轉成它可接受的格式後應該就可以套用。讚！

註記：

• 事件用不同顏色標記的做法
• 範例：

events: [
                {
                    title: '09:00-18:00',
                    start: '2015-09-20',
                    backgroundColor: '#E66F89'
                },
                {
                    title: '08:00-22:00',
                    start: '2015-09-21',
                    end: '2015-09-26',
                    backgroundColor: '#20D788'
                },

• 定義星期六、日與星期一至星期五的底色
• 範例 (在 CSS內調整)：

<style>
    .fc-sat{
           background-color: #BBE7F2;
    }
    .fc-sun{
           background-color: #FC8D90;
    }
    .fc-mon{
           background-color: #CBF8A8;
    }
    .fc-tue{
           background-color: #CBF8A8;
    }
    .fc-wed{
           background-color: #CBF8A8;
    }
    .fc-thu{
           background-color: #CBF8A8;
    }
    .fc-fri{
           background-color: #CBF8A8;
    }
</style>

• 介面中文化
• 範例
• 加入中文語言 js (<script src='../lang/zh-tw.js'></script>)
• 指定預設語系： lang: 'zh-tw',

相關資料：

• 官網：http://fullcalendar.io/
• 文件：http://fullcalendar.io/docs/
• 對不同的事件，標示不同顏色的做法
• Fullcalendar CRUD with jQuery and PHP 
• How do I get FullCalendar to display information from my JSON feed? 
•  FullCalendar应用——读取JSON数据

雛形：