WdatePicker日期插件

来源：互联网发布：高中数学算法基本语句编辑：程序博客网时间：2024/05/23 23:17

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

阅读全文

0 0