类似google日历的web日历控件——FullCalendar

FullCalendar是免费的web日历控件，类似于google日历：

fullcalendar日历控件知识点集合，入门参考文章，写的很详细。

官方文档：http://arshaw.com/fullcalendar/

最简单的步骤：

1.创建一个div

<div id='calendar'></div>

2.导入js和css

<script language="javascript" type="text/javascript" src="/smedia/js/fullcalendar.min.js"></script>
<link rel="stylesheet" href="/smedia/css/fullcalendar.css">

3.添加js代码

<script type='text/javascript'>
$(document).ready(function() {

    $('#calendar').fullCalendar({
        height:600,
        header:{
            left:'',
            center:'title'
        },
        monthNames:['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
        dayNamesShort:['日', '一', '二', '三', '四', '五', '六'],
        buttonText:{today:'今天'},
        events: '/shift/xxx',
        eventClick:function(event){
        }

    })

});

</script>

4.ok!