My97DatePicker时间控件在项目中的应用

一、下载My97DatePicker的压缩包My97DatePicker.rar,解压。

  注:My97DatePicker最新版本有开发包,项目中使用时删掉,以便节省空间,提高程序的运行效率。

二、在MyEclipse中创建web project名为Wdate,将解压后的My97DatePicker文件拷贝到WebRoot目录下。

三、jsp页面中引入WdatePicker.js即可。

<script  language="javascript" type="text/javascript" src="<%=basePath%>/My97DatePicker/WdatePicker.js"></script>

//日历控件

<input id="mydate" class="Wdate" type="text" onFocus="WdatePicker(WdatePicker({skin:‘whyGreen‘,dateFmt:‘yyyy-MM-dd HH:mm:ss‘}))"/>

四、页面访问,带时分秒的日历控件就加上了。

时间: 2024-10-29 19:11:11

My97DatePicker时间控件在项目中的应用的相关文章

My97DatePicker时间控件

之前一直使用easyui控件无法实现只显示yyyy年MM月格式或者显示yyyyMM格式.相比My97DatePicker时间控件更为强大些. 只要在页面引用如下脚本,WdatePicker.js内部会引用其它js. <script type="text/javascript" src="<%=root%>/Common/My97DatePicker/WdatePicker.js"></script> 然后在input中编写oncl

My97DatePicker时间控件使用指南

My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1.下载My97DatePicker组件包 2.在页面中引入该组件js文件:     <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> 3.页面使用两个方式:     常规调用:  <input id="d11" type="tex

My97DatePicker时间控件使用

My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1.下载My97DatePicker组件包 2.在页面中引入该组件js文件:     <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> 3.页面使用两个方式:     常规调用:  <input id="d11" type="tex

My97DatePicker时间控件 JQuery UI - datepicker 用法

·概述 日期选择插件是一个配置灵活的插件,你可以定义它的展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等. 官方示例地址:http://jqueryui.com/demos/datepicker/ 同时,你还可以通过键盘控制它: page up/down - 上一月.下一月 ctrl+page up/down - 上一年.下一年 ctrl+home - 当前月或最后一次打开的日期 ctrl+left/right - 上一天.下一天 ctrl+up/down - 上一周.

My97DatePicker时间控件使用说明

常规调用: <input id="date01" type="text" onClick="WdatePicker()"/> <br/> <br/> 常规调用(在文本框中尾部显示日期图标): <input id="date02" type="text" class="Wdate" onClick="WdatePicker()"

ExtJS4.2学习(18)时间控件

鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-12-22/190.html 感谢“束洋洋 ”的付出. 前言:以下博客内容全是拷贝上述网址的,不过是自己运行一遍罢了,做点记录. 一.事件控件一 1.效果图: 2.代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding

VB6.0中,日期、时间控件不允许为空时,采用文本框与日期、时间控件相互替换赋值(解决方案)

VB6.0中,日期.时间控件不允许为空时,采用文本框与日期.时间控件相互替换赋值,或许是一个不错的选择. 实现效果如下图: 代码如下: 文本框txtStopTime1 时间框DTStopTime1 格式3 - dtpCustom  HH:mm:ss Private Sub Form_Load()       txtStopTime1.ZOrder       DTStopTime1.Top = txtStopTime1.Top       DTStopTime1.Left = txtStopTi

worklight 中添加时间控件

在我们使用worklight开发的过程中,由于文档的不开源和插件的缺少,总是自己琢磨很多东东,更有胜者 需要调用源代码实现某些不易实现的功能.在这里把实现的功能代码贴出来,如有不足之处还望指正! 实现的步骤就不多说了,上篇中已经解说 实现日期插件 1 public class DatePickerPlugin extends CordovaPlugin { 2 3 private static final CordovaActivity ctx = null; 4 private static

javascript 判断时间控件中,结束时间不能大于开始时间

1,在时间控件的onblur的时间上绑定checkDate()方法. 2,在js中添加如下方法: function checkDate(){ var str_date = document.getElementById("str_date").value; var end_date = document.getElementById("end_date").value; if(getDate(str_date)-getDate(end_date)>0){ al