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
难度:简单
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
相关文章推荐
- asp.net中日历函数Calendar的使用方法
- AjaxControlToolKit CalendarExtender(日历扩展控件)的使用方法
- ASP.NET Calendar日历(日期)控件使用方法
- AjaxControlToolKit CalendarExtender(日历扩展控件)的使用方法
- ASP.NET Calendar日历(日期)控件使用方法
- asp.net中日历函数Calendar的使用方法
- python使用calendar输出指定年份全年日历的方法
- java实现日历选择器及使用方法
- jQuery过滤选择器:not()方法使用介绍
- 常见的原始JS选择器使用方法总结
- jQueryUI的datepicker日期选择器的使用方法
- WdatePicker日历控件使用方法
- 原始JS选择器使用方法和常用事件手册
- WdatePicker日历控件使用方法
- java&nbsp;日历类&nbsp;Calendar方法
- Python时间模块datetime、time、calendar的使用方法
- JavaWeb项目FullCalendar日历插件使用的示例代码
- runtime运行时 isa指针 SEL方法选择器 IMP函数指针 Method方法 runtime消息机制 runtime的使用
- android自定义日历的使用方法
- apicloud 日历弹框滑动时body顶部滑动问题 及mui dtpicker的使用方法