A-A+
My97DatePicker时间控件如何显示时分秒
My97DatePicker时间控件在网页应用中是很常见的一个时间控件，也是我最为喜欢的一个时间控件，My97DatePicker默认的是年月天，没有时分秒，My97DatePicker 是可以自定义时分秒的显示的，首先我们先要将 My97DatePicker 时间控件下载下来，在HTML页面中引入，如下：
- <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
页面中常用的调用方法是使用 INPUT 进行调用，如下：
- <input id="d11" type="text" onClick="WdatePicker()"/>
这样就完成了时间日期的调用，很是灵活，My97DatePicker下载包里的文件通常是不用进行修改的，如果需要进行时分秒的配置，我们仅需要修改配置文件，或者在html模板页面进行调用式的修改也可以。
第一种方法：HTML INPUT 里面进行的修改，如下：
- <input type="text" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" style="width:150px"/>
我使用了这种方法，不过貌似不起作用，有可能是自己本地的问题，暂时不去管它了，各位小伙伴可以自行测试一下。
第二种方法：就是修改 My97DatePicker 的配置文件 WdatePicker.js，打开之后进行如下修改：
dateFmt:"yyyy-MM-dd",
realDateFmt:"yyyy-MM-dd",
realTimeFmt:"HH:mm:ss",
这三句，然后改成
dateFmt:"yyyy-MM-dd HH-mm-ss",
realDateFmt:"yyyy-MM-dd HH-mm-ss",
realTimeFmt:"HH:mm:ss HH-mm-ss",
其中时间格式 HH:mm:ss HH-mm-ss 可以修改成自己需要的样式，以配合自己的项目使用。