欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

My97datepicker时间控件的简单使用

程序员文章站 2022-06-16 08:46:45
...

项目中需要使用时间控件的时候,可以使用My97datepicker这一款,使用起来比较简单一些,兼容IE、谷歌、火狐等主流的浏览器。
1.需要下载My97datepicker包
My97datepicker官网下载链接
上传到CSDN资源的My97datepicker

My97datepicker时间控件的简单使用
2.把下载好的文件放入需要的项目之中
My97datepicker时间控件的简单使用
3.在项目中引入不要的js(WdatePicker.js)
My97datepicker时间控件的简单使用
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>

页面显示如下
My97datepicker时间控件的简单使用

相关标签: 组件