如何运行My97DatePicker:
首先下载My97DatePicker的源文件包(已经加到附件当中),在文件包里面有一个WdatePicker.js,把这个JS文件导入到你要运行日历控件的页面。
下面讲讲My97DatePicker可以实现哪些内容:
1. 点击文本框,弹出一个日历控件,选择日期后,把日期返回到文本框中。实现的代码很简单。
<input type="text" onClick="WdatePicker()" />
2. 设置皮肤
你可以到皮肤中心去下载你想要的皮肤。下载中心的地址是:http://www.my97.net/dp/skin.asp。
在My97DatePicker目录下的config.js有段代码:
var skinList = [ {name:'default', charset:'gb2312'}, {name:'whyGreen', charset:'gb2312'}, {name:'blue', charset:'gb2312'} ];
name 表示皮肤的名称,在配置的时候,skin属性只能是配置列表里面已有的项,否则将自动返回第一项
charset 表示对应皮肤目录下的css文件:datepicker.css所对应的编码格式
My97DatePicker中自带了两个皮肤,一个是default,还有一个是whyGreen,其中blue是我自己下载的皮肤。
然后在页面上,输入:
<input type="text" onClick="WdatePicker({skin:'blue'})" />
WdatePicker里的参数是一个JSON对象,在JSON对象中,指明了皮肤用的是blue。
文章上的附件是My97DatePicker的代码,还有一个我自己写的例子test.html。