My97datepicker时间控件的简单使用

原创于 2020-11-20 13:27:23 发布 · 508 阅读

0 ·

CC 4.0 BY-SA版权

组件专栏收录该内容

20 篇文章

订阅专栏

本文介绍了如何在项目中使用My97datepicker时间控件，包括下载安装、引入JS文件及在HTML页面中配置控件的方法。兼容多种浏览器。

项目中需要使用时间控件的时候，可以使用My97datepicker这一款，使用起来比较简单一些，兼容IE、谷歌、火狐等主流的浏览器。
1.需要下载My97datepicker包
My97datepicker官网下载链接
 上传到优快云资源的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>