My97datepicker时间控件的简单使用
程序员文章站
2022-06-16 08:46:45
...
项目中需要使用时间控件的时候,可以使用My97datepicker这一款,使用起来比较简单一些,兼容IE、谷歌、火狐等主流的浏览器。
1.需要下载My97datepicker包
My97datepicker官网下载链接
上传到CSDN资源的My97datepicker
2.把下载好的文件放入需要的项目之中
3.在项目中引入不要的js(WdatePicker.js)
4.input输入框中使用My97datepicker时间控件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<p>My97DatePicker时间控件</p>
<script type="text/javascript" src="./My97DatePicker/WdatePicker.js"></script>
<input id="d11" type="text">
//注意 文本框的id要和onclick的el的id一样
<img onclick="WdatePicker({el:'d11'})" src="./My97DatePicker/skin/datePicker.gif" width="16" height="22" >
</head>
<body>
</body>
</html>
页面显示如下
下一篇: SpringBoot发简单邮件的正确姿势