mydate97时间控件的使用

简介: mydate97官网: http://www.my97.net/dp/index.asp   1:用法如下所示,首先下载一个这个东西:链接:http://pan.baidu.com/s/1kVmIckv 密码:qjho   2:然后复制粘贴到动态web工程下面的webcontent下面;   3:引入下面这句话      <!-- 时间插件 -->     <scri
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-开始使用一款好用的时间插件
115 0
|
小程序 API
零基础学小程序007----首页轮播图,可以自动轮播,循环轮播,定时轮播
零基础学小程序007----首页轮播图,可以自动轮播,循环轮播,定时轮播
113 0
|
前端开发 JavaScript
前端实践小项目——表格隔行换色与秒表(含有源代码)
准备表格:表头(thead)和表体(tbody) 绑定事件:加载事件 onload() 获取元素:获取表格 document.getElementById() 获取行的长度:表体中tr的数量len 遍历:for 判断:判断奇偶行 设置背景颜色:css
171 0
前端实践小项目——表格隔行换色与秒表(含有源代码)
|
JavaScript
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
590 0
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
|
数据安全/隐私保护
EasyUI–常用控件之按钮/搜索框/密码框/文件框/数字框/日期时间选择框
本篇主要介绍跟后台数据绑定相关度不大的简单控件,直接写了一个详细的例子,需要说明的东西都在注释里面。
615 0
EasyUI–常用控件之按钮/搜索框/密码框/文件框/数字框/日期时间选择框
|
前端开发
|
前端开发 API Android开发