偶然看到这个日历控件,完美支持IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+,确实很棒,那么就介绍给大家了。
首先是去下载http://www.my97.net/dp/index.asp,这是官方网址吧!
下载完成,
1、在使用日历控件的文件中加入js库,示例代码如下:
<script style=”javascript” src=”datepicker/WdatePicker.js”></script>
2、加上主调函数Wdatepicker
详细使用办法请参见http://www.my97.net/dp/demo/index.htm
主注意事项:
y97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名
My97DatePicker.htm是必须文件,不可删除
各目录及文件的用途:
WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名
config.js 语言和皮肤配置文件,无需引入
calendar.js 日期库主文件,无需引入
My97DatePicker.htm 临时页面文件,不可删除
目录lang 存放语言文件,你可以根据需要清理或添加语言文件
目录skin 存放皮肤的相关文件,你可以根据需要清理或添加皮肤文件包
当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式
my97日历控件
最新推荐文章于 2019-03-25 10:55:38 发布