是一款开源、功能強大、应用比较广泛的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>
官方地址: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>
本文介绍了一款开源且功能强大的JS日历插件,支持日期事件定制、中文化等功能。提供了详细的安装步骤及示例代码。
549

被折叠的 条评论
为什么被折叠?



