读书人

Calendar年历选择器的使用方法(转)

发布时间: 2012-10-18 13:46:55 作者: rapoo

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>

读书人网 >Web前端

热点推荐