发布于 2014-10-09 09:48:45 | 1965 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程，程序狗速度看过来！

WdatePicker JavaScript日历控件

WdatePicker是一款javascript日期控件,完美兼容IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+等浏览器

---

本文为大家讲解的是js日历插件My97DatePicker的使用方法，感兴趣的同学参考下。

WdatePicker是一款javascript日期控件,完美兼容IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+等浏览器

1。下载My97DatePicker

地址：http://www.my97.net/dp/down/My97DatePickerBeta.zip

下载下来你会看到一个示范页面和一个js文件夹。在示范页面中，讲解还是很清楚的，这个非常感谢前人啊。从页面介绍中不难发现该日历插件一直在更新，修正一些bug，也建议使用最新版本，此时我用的也是最新版本的。

示范页面讲解很多，但是我们要用的只是第一二行的代码。如下：

<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>

<input class="Wdate" type="text" onClick="WdatePicker()">

把该代码放到你需要日历的地方。注意修改js的指向路劲，修改为你自己的调用路径。js文件夹"My97DatePicker"你如果觉得长可以进行修改，但是不要修改该文件夹里的文件名。

2。按实际需求进行修改。

下载的示范页面日期是不含时分秒的日期，而如果需要，则可以通过配置来修改了。如：

<script language="javascript" type="text/javascript" src="__PUBLIC__/calendar/WdatePicker.js"></script>
<input class="Wdate" type="text" onClick="WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true})">

加入红色标记一段，就能显示yyyy-MM-dd HH:mm:ss 的时间格式时间。具体其它可以参考：

http://www.my97.net/dp/demo/index.htm

3。清除不需要文件，进行瘦身。

“My97DatePicker”文件夹中包含也多语言，以及皮肤设置等。如果我不需要这些，那么我就能去掉它。我就把lang语言包和开发包去掉了。skin是皮肤样式包，原本是去掉了，后来觉得不好看，又加上了。好了，js日历插件就讲完了。