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