您的足迹:首页 > 前端 >日期插件My97DatePicker的简单应用

日期插件My97DatePicker的简单应用

一. 注意事项

My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名

My97DatePicker.htm是必须文件,不可删除(4.8以后不存在此文件)
各目录及文件的用途: 
WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名
config.js 语言和皮肤配置文件,无需引入(4.8以后合并入WdatePicker.js)
calendar.js 日期库主文件,无需引入
My97DatePicker.htm 临时页面文件,不可删除(4.8以后不存在此文件)
目录lang 存放语言文件,你可以根据需要清理或添加语言文件
目录skin 存放皮肤的相关文件,你可以根据需要清理或添加皮肤文件包

当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式

二.使用方式

(1)下载WdatePicker.js(包括lang和skin文件夹)。
(2)在html页面中导入WdatePicker.js。
(3)在输入框input元素上加入

class="Wdate" onFocus="WdatePicker({lang:'zh-cn'})"


(4)打开页面查看效果。
QQ图片20150629182737.png



格式化日期(只显示到月)


dateFmt:'yyyy-MM'

代码 

onClick="WdatePicker({dateFmt:'yyyy-MM'})"


显示效果


QQ图片20150629183101.png

本博客所有文章如无特别注明均为原创。作者:小天复制或转载请以超链接形式注明转自 钟天才的博客
原文地址《日期插件My97DatePicker的简单应用

相关推荐

网友评论(0)