您的位置:首页 > Web前端 > JavaScript

Calendar日历选择器的使用方法

2008-06-25 15:21 579 查看
摘要: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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息