mydate97时间控件的使用

简介: mydate97官网: http://www.my97.net/dp/index.asp   1:用法如下所示,首先下载一个这个东西:     链接:http://pan.baidu.com/s/1kVmIckv 密码:qjho   2:然后复制粘贴到动态web工程下面的webcontent下...

mydate97官网: http://www.my97.net/dp/index.asp

  1:用法如下所示,首先下载一个这个东西:

    链接:http://pan.baidu.com/s/1kVmIckv 密码:qjho

  2:然后复制粘贴到动态web工程下面的webcontent下面;

  3:引入下面这句话

     <!-- 时间插件 -->
     <script type="text/javascript" src="resource/My97Date/WdatePicker.js"></script>
  4:然后在需要使用时间插件的地方写上这个即可:onclick="WdatePicker({dateFmt:'yyyy:MM:dd HH:mm:ss'})"

       如下所示:   

      <input type="text" name="newsTime"  onclick="WdatePicker({dateFmt:'yyyy:MM:dd HH:mm:ss'})"                              placeholder="请输入新闻发布时间" />


 案例演示:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="UTF-8">
 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6 <title>新闻添加</title>
 7 <!-- 时间插件 -->
 8 <script type="text/javascript" src="My97Date/WdatePicker.js"></script>
 9 </head>
10 <body>
11 <form action="" method="post">
12     <input type="text" class="Wdate" onclick="WdatePicker({dateFmt:'yyyy:MM:dd HH:mm:ss'})" placeholder="请输入新闻发布时间" />    
13 </form>
14 </body>
15 </html>

 演示效果如下所示:

革命尚未成功,别先生仍需努力啊!!!

目录
相关文章
jeDate日期控件在项目中实际应用
jeDate日期控件在项目中实际应用
60 0
|
自然语言处理 JavaScript
jedate-开始使用一款好用的时间插件
jedate-开始使用一款好用的时间插件
131 0
|
前端开发 JavaScript
JavaScript日历制作并实现拖动选择日期
JavaScript日历制作并实现拖动选择日期
83 0
从零开始学Pyqt5之【控件介绍】(16):日历与时间控件QCalendar、QDateTImeEdit
从零开始学Pyqt5之【控件介绍】(16):日历与时间控件QCalendar、QDateTImeEdit
从零开始学Pyqt5之【控件介绍】(16):日历与时间控件QCalendar、QDateTImeEdit
【Layui】时间日期控件
【Layui】时间日期控件
543 0
【Layui】时间日期控件
|
Android开发 iOS开发
带农历日历的DatePicker控件!Xamarin控件开发小记
原文:带农历日历的DatePicker控件!Xamarin控件开发小记 闲来无事开发了个日期选择控件,感兴趣的同学前往: https://github.com/MatoApps/Mato.DatePicker Mato.
1741 0
|
C#
分享一个WPF下日历控件(Calendar)的样式
原文:分享一个WPF下日历控件(Calendar)的样式 WPF日历控件的一个样式 WPF自带的日历控件样式可能会比较丑,要修改其样式看起来挺复杂的,实际上很简单,用Blend打开,修改三个模板,基本就能改变全部面貌,也很容易 先上图 样式如下: ...
1663 0
|
前端开发 API Android开发