JS日历控件,Javascript日历控件-wpCalendar Ver 2.59-Wal...
示例 介绍:这是WalkingPoison根据梅花雨的日历控件修改发展出来的一个日历 Javascript 页面脚本控件,适用于微软的 IE (5.0以上)浏览器,从2.59版本开始支持Firefox浏览器。由于梅花雨本人发布了自己新的日历控件,同时也由于本日历控件代码内核已经与梅花雨本人的控件完全不同,因此本日历控件现命名为wpCalendar。
方式 示例 代码
一: <input type=text id=text1 onfocus="showCalendar(this)" readonly>
二: <input type=text id=text2><input type=button value="Show Calendar" onclick="showCalendar(this,document.all.text2)">
三:
选择日期以后触发/执行一段代码。这里的例子为使得后面的文本框内容与前面一个相同。 <input type=text id=text3 size=10 onfocus="showCalendar(this,'text4.value=text3.value')"><input type=text size=10 id=text4>
说明:在调用之前,请在代码中引用日历的js文件,代码为:<script language=javascript src="wpCalendar.js"></script>
.net下的出错说明:
有一些朋友反映在.net环境下面会产生出错的现象,这个是因为VS.net自动与VSS连接的过程中,中文代码没能得到正确处理的原因。解决的方法是:选择js文件另存为同名文件,保存的选项选择编码保存,从列表中选择utf-8的编码进行保存即可。
参数设置 参数 当前设置 设置数据 备注
允许移动 是 允许移动
日期格式 yyyy-MM-dd 根据自己的需要还可以设置别的日历输入输出格式。详情请参考编程参考中的
datestyle属性和
setDateStyle方法。
宽度|高度 21|20 设置日历的宽度|高度(注意:较大的单元格会使日历响应速度变慢)
主题 Classic
使用渐变效果 是 使用渐变效果 IE5.5以上才可使用
自动测试速度 否 自动测试 测试机器速度,以便自动决定是否使用渐变效果。如果选中,则上面的使用渐变效果参数设置将被自动测试结果代替。
编程参考以下方法和属性均属于wpCalendar对象 方法 说明
close() 关闭日历的函数。
goNextMonth() 日历往后翻一个月。
goNextYear() 日历往后翻一年。
goPrevMonth() 日历往前翻一个月。
goPrevYear() 日历往前翻一年。
redraw() 对日历的重绘函数。在改变日历的任何属性以后,需要调用本函数来重绘日历才能使得设置起作用。
selectToday() 选择日历上的今天。
setDateStyle(datestyle) 设置日期格式的函数,调用此方法将会自动重绘日历。
setMonth(month) 设置日历的月份为month的值,其范围为1~12。
setTheme(themename) 设置日历的主题为themename的值,对应的主题必须存在,否则将使用默认的Classic主题。
setYear(year) 设置日历的年份为year的值,其范围为1000~9999。
setYearMonth(year, month) 设置日历的年月分别为year和month,年月的范围同上。
writeCalendar() 主要的写程序,用于改变日历的年月时改变日历的显示内容。不接受年或者月的参数,年月参数使用wpCalendar的year和month属性。
属性 值 说明
bmoveable true/false 设置日历是否可以拖动
datestyle 字符串 根据自己的需要设置日历输入输出格式。设置的格式支持"yyyy","MM","M","dd","d",可以随意调整位置,分隔符任意。建议使用setDateStyle方法进行设置。
注意:1.年月日分别最多只能出现一次。
2.日可以没有,但是年月必须有。日没有的情况本控件自动使用当月的1号作为日。
3.本控件不主张使用2位年份,因此不支持"yy"的形式。
4.如果不使用分隔符,则不要采用"M"和"d"的形式,因为即使是人也无法说出"2003112"代表的是"2003-11-2"还是"2003-1-12"
versioninfo 字符串 版本信息
cellwidth 整数 单个单元格的宽度
cellheight 整数 单个单元格的高度
themename 字符串 主题设置,决定日历的外观。主题的名字必须在日历中存在,否则将使用默认的主题。在代码中查找theme对象,或者使用代码for(var key in theme)可以遍历所有的主题。
testspeed true/false 测试机器速度,以便自动决定是否使用Filter。如果设置为true,则下面的playfilter参数设置无效。
testtimeout 整数 测试标准,单位是毫秒,小于这个数值的就认为机器速度足够快
playfilter true/false 设置是否使用Filter效果。只有IE5.5以上才支持这里的效果,如果IE版本小于5.5,这里的设置将无效。
year 4位整数 日历对象内部的年份,如果要赋值,请使用setYear方法。
month 1~12的整数 日历对象内部的月份,如果要赋值,请使用setMonth方法。
ScrollYearOnClick true/false 设置年的下拉选择框内的年份是通过点击还是mouseover来滚动
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。