必优博客

本博客所有文章均属原创作品，如有转载，请注明作者：biuuu，来源：http://www.biuuu.com/?p=531

很多博客都带有Javascript简单日历功能，便于根椐时间查看文章，jQuery插件CalendarWidget日历工具使用非常简单，自定义年月，就可实现一个简单的Javascript日历效果，其效果图如下：

使用说明
需要使用jQuery库文件(目前版本1.3)和jQuery CalendarWidget库文件(目前版本1.1)

素材准备
自定义日历显示效果的CSS样式文件，控制jQuery插件CalendarWidget日历工具样式

实例代码
一，包含文件部分

1. <script type="text/javascript" src="jquery.js"></script>
2. <script type="text/javascript" src="jquery.calendar-widget.js"></script>

二，HTML部分
<div id="calendar">
<p>必优博客jQuery插件CalendarWidget日历工具实现Javascript简单日历功能</p>
</div>

三，Javascript部分

1. <script type="text/javascript">
2. $(function(){
3. $('#calendar').calendarWidget({month: 5,year: 2009});
4. });
5. </script>

实例可知使用jQuery插件CalendarWidget日历工具实现Javascript简单日历功能非常简单，只需要配置两个参数，分别是month月和year年，如果想显示中文，只需要修改jQuery插件CalendarWidget日历工具的JS库文件，制作一个Javascript日历，就是这么简单。