WdatePicker日期插件

WdatePicker日期插件应用步骤如下：

1.引入jQuery核心包和WdatePicker.js文件

这里写图片描述

2.使用onfocus事件触发WdatePicker函数

这里写图片描述

3.实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WdatePicker插件测试</title>

    <!-- 引入jquery核心包和WdatePicker.js文件 -->
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="WdatePicker/WdatePicker.js"></script>
</head>
<body>

    <!-- 文本框中使用onfocus事件来触发WdatePicker函数，并设置日期格式 -->
    <input type="text" id="date" name="date" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})">

</body>
</html>

效果图：

这里写图片描述

代码及相关文件详见GitHub主页 日期插件WdatePicker

https://github.com/Jianxq12/ITcast/tree/master/Ajax