摘要：Calendar 日历选择器的使用方法 难度：简单 The DHTML / JavaScript Calendar 

是一款开源、功能強大、应用比较广泛的JS实现的日历。可以定制日期事件，定制日期链接。而且支持中文化。

官方地址：http://www.dynarch.com/projects/calendar/ 演示地址：http://www.dynarch.com/demos/jscalendar/

将以下文件拷贝到“js/jscalendar/”文件夹下 calendar.js calendar-setup.js  calendar-zh.js  calendar-blue.css 

注意：原有cn_utf8.js，calendar-zh.js等语言包文件缺少这一行Calendar._FD = 0; 应加上，否则显示中文时会出错。

html代码如下： <script type="text/javascript" src="js/jscalendar/calendar.js"></script>  <script type="text/javascript" src="js/jscalendar/calendar-setup.js"></script>  <script type="text/javascript" src="js/jscalendar/calendar-zh.js"></script>  <style type="text/css"> @import url("js/jscalendar/calendar-blue.css"); </style> 

<input type="text" id="data" />  <button type="submit" id="trigger">...</button> 

<script type="text/javascript">      Calendar.setup({                      weekNumbers : false,        // hide week numbers      inputField  : "data",             // ID of the input field      ifFormat    : "%Y-%m-%d",        // the date format   %Y-%m-%d %H:%M"      button      : "trigger"          // ID of the button                    //align     : "Tr"     });  </script> 

该文章转载自IT学习网：http://www.itstudy.cn/www/articleContent.asp?id=54

发表于 @ 2008年06月25日　15:21:00 | 评论( loading... ) | 编辑| 举报| 收藏

旧一篇:struts2.0的ONGL | 新一篇:2个学习javascript的网站