Saber 酱的抱枕

Fly me to the moon

08/13
2014
学习

My97 DatePicke——js 输入框日期控件

有些网站上输入日期的输入框是点击后会弹出日历界面,今天要用这个效果,找到了My97 DatePicke。这个控件不依赖jq,也不会与jq产生冲突。效果如下:

下载后解压,程序文件夹里内容如下:

开发包可以删掉,要添加皮肤文件可以添加到skin文件夹下:

接下来就是使用了,首先引入WdatePicker.js,然后再需要的input里面写上 onClick="WdatePicker()"。

第一行注意引入的路径,第二行 class="Wdate"是在输入框右边显示一个日历图像,去掉的话不显示图像,但不影响使用;readonly="readonly"使用户无法再输入框里面输入文字,但是这个控件不受影响;onClick就是调用了。

修改显示的皮肤的话,打开WdatePicker.js,找到第31行:skin:"default",把default改成皮肤的名字,例如twoer,上面的skinList不要动,修改会导致样式错误。

下载地址点我
已包含所有皮肤。可以到官网查看所有皮肤效果

My97 DatePicke——js 输入框日期控件