您的位置：首页 > 编程语言 > Go语言

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

2013-04-16 16:41 357 查看
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!
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航