类似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!