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>

 演示效果如下所示:

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

目录
相关文章
|
1月前
|
JavaScript 前端开发
JavaScript实现鼠标放上去之后高亮显示且隔行换色
JavaScript实现鼠标放上去之后高亮显示且隔行换色
13 0
|
5月前
jeDate日期控件在项目中实际应用
jeDate日期控件在项目中实际应用
25 0
|
5月前
|
自然语言处理 JavaScript
jedate-开始使用一款好用的时间插件
jedate-开始使用一款好用的时间插件
35 0
|
6月前
|
JavaScript 前端开发 Java
32jqGrid 行编辑- 使用事件
32jqGrid 行编辑- 使用事件
22 0
|
JavaScript
Vue组件中表格文字内容太长,自动变省略号,鼠标悬浮上去显示全称。
Vue组件中表格文字内容太长,自动变省略号,鼠标悬浮上去显示全称。
556 0
|
JavaScript 小程序 Android开发
讲述小程序之组件picker(从底部弹起的滚动选择器)
讲述小程序之组件picker(从底部弹起的滚动选择器)
288 0
讲述小程序之组件picker(从底部弹起的滚动选择器)
|
JavaScript
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
506 0
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
|
数据安全/隐私保护
EasyUI–常用控件之按钮/搜索框/密码框/文件框/数字框/日期时间选择框
本篇主要介绍跟后台数据绑定相关度不大的简单控件,直接写了一个详细的例子,需要说明的东西都在注释里面。
566 0
EasyUI–常用控件之按钮/搜索框/密码框/文件框/数字框/日期时间选择框
|
前端开发 API Android开发

热门文章

最新文章