不知道啥时候收藏的这个JS日历输入控件,今天翻腾出来了,正好也要用,就整理了一下,刚开始看偶收藏的里面的一个演示文档,看上去很麻烦的样子,后来读下代码才发现,好多是无用的东西,可能是其他翻译人员原封不动的翻过来的吧,看过代码再参考网上文档配置了一下。这里记录一下。
演示页:
http://www.dynarch.com/demos/jscalendar/文档(E文):
http://www.dynarch.com/demos/jscalendar/doc/html/reference.html上面文档的JS日历控件跟我收藏的样子完全一样,但是内容有些区别。此为GNU LGPL协议发布,偶那个Copyright (c) 2004 by Zapatec, Inc.
http://www.zapatec.com 但是使用上也大同小异,包括配置参数都差不多。不过dynarch的文件要精简的多,功能够用足矣。
lang里留一个calendar-zh.js就哦了 (有可能你下的版本里没有这个汉化语言包)
themes主题里我都试用了一下,也就两个能将就着看,maroon.css和winxp.css
calendar-setup.js 非必须,但是推荐用这个来建立日历。
安装很简单,这里主要记几个日期配置参数。我就按自己的习惯,也可以说是中文习惯吧。%Y-%m-%d %H:%M 这个是年-月-日 时:分 的格式,其他英文格式不详说了,中国人也没那个习惯,需要的可以去演示页看。:)
如果想点按钮调出日期输入控件的话,可以将input里的type属性改为image,再加上src地址为图标地址就OK了。如果是点输入框就调出,可以考虑用onClick属性,也可以用dynarch演示里的方法。
引用
jscalendar-1.0 中文解决方法
jscalendar-1.0不支持中文是由于没有设置每周的开始日期
修改方法是在文件 calendar-cn_utf8.js 文件加上Calendar._FD = 0;
如果是使用GBK或GB2312编码的在 calendar-zh.js 文件加上Calendar._FD = 0;
同时在用到该控件的页面必须加上< link href="css文件" type="text/css" rel="stylesheet" / >
引用
自己总结一下常用的几个配置参数的作用:
inputField 输入日期的textbox的id
button 触发jscalendar的按钮id
ifFormat 日期格式化设置 %Y-%m-%d %H:%M 这个是年-月-日 时:分 的格式
singleClick 是单击还是双击选择日期,默认单击
firstDay 一周中哪一天设为第一天,默认0-6 0代表周日,1周一,以此类推
weekNumbers 第几周是否显示,默认显示
range 年份从哪年起始哪年止可选
showsTime 是否显示时间
timeFormat 时间格式 12小时制还是24小时制,默认24小时制
electric 单击完控件是否关闭,默认为true 即关闭,如为false 则选择完日期,控件仍然显示
cache 是否缓存以前选择过的日期
showOthers 在当前月份是否显示下月的前几天