类似google日历的web日历控件——FullCalendar
2013-04-16 16:41
369 查看
FullCalendar是免费的web日历控件,类似于google日历:
fullcalendar日历控件知识点集合,入门参考文章,写的很详细。
官方文档:http://arshaw.com/fullcalendar/
最简单的步骤:
1.创建一个div
2.导入js和css
3.添加js代码
4.ok!
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!
相关文章推荐
- 类似google日历的web日历控件——FullCalendar
- [推荐]一个JavaScript WEB日历控件
- 【学习MVC】类似普通WEB导入用户控件的写法
- WebView---js调用原生日历控件
- 如何在web中实现类似excel的表格控件
- .NET 3.5 日历控件 John.WebControls.Calendar for .NET 3.5 RTM
- 如何在web中实现类似excel的表格控件
- fullcalendar日历控件知识点集合
- [2008-04-09更新]一个JavaScript WEB日历控件,支持IE6,FireFox,原作者 小酒天ID:KimSoft
- 在web中js实现类似excel的表格控件
- [20081226更新(加了日文版本支持)]一个JavaScript WEB日历控件,支持IE6,FireFox,可支持不同语言版本,目前支持中文简繁,英,日语
- 利用JS实现Web日历控件(包括日期和时间)
- [2008-04-09更新]一个JavaScript WEB日历控件,支持IE6,FireFox,原作者 小酒天ID:KimSoft
- 最近做的一个类似Google自动完成的服务器控件
- Selenium webdriver 操作日历控件
- Fullcalendar 日历控件的基本使用
- 精致好用的WEB日历选择控件(Javascript)
- 一个Web页面中调用多个js脚本和梅花雨日历控件的使用
- 一个JavaScript WEB日历控件,支持IE6,FireFox,可支持不同语言版本,目前支持中英文。
- 应用于web页面的日期(日历)时间选择器(控件)