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来滚动