My97DatePicker日期控件的使用

本文演示如何在MyEclipse项目中使用My97DatePicker日期控件

1、下载My97DatePicker日期控件， My97DatePicker日期控件下载地址

2、在MyEclipse项目中安装My97DatePicker，把下载后的My97DatePicker解压后放在WebRoot子目录下，如WebRoot/dd/js/My97DatePicker(我把My97DatePicker放在WebRoot/dd/js/目录下，My97DatePicker为解压后的文件夹)

3、引用My97DatePicker，在要使用的jsp页面中引入js，如下

<script type="text/javascript" src="<%=request.getContextPath() %>/dd/js/My97DatePicker/WdatePicker.js"></script>

4、调用My97DatePicker，如下

//格式：2012-09-12
<input id="endDate"  readonly="readonly" onfocus="WdatePicker({isShowWeek:true})" />
//格式：2012-09-12 12:23:22
<input id="endDate"  readonly="readonly" onfocus="WdatePicker({skin:‘whyGreen‘,dateFmt:‘yyyy-MM-dd HH:mm:ss‘,minDate:‘2008-03-08 11:30:00‘,maxDate:‘2100-03-10 20:59:30‘})"
 />

<input class="Wdate" type="text" id="pageEndTime" style="width: 150px;"
                                              onFocus="WdatePicker({isShowClear:true,readOnly:true,dateFmt:‘yyyy-MM-dd HH:mm:ss‘})" />

时间： 2024-10-14 19:54:45

My97DatePicker日期控件的使用的相关文章

根据条件决定My97DatePicker日期控件弹出的日期格式

代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>根据条件决定My97DatePicker日期控件弹出的日期格式</title> 6 <link rel="stylesheet" type="text/css" href="css/bootstrap.min.

My97DatePicker日期控件实现按日、周、月、季、年选择时间段

http://www.cnblogs.com/kevin-zlg/p/4631413.html 前台页面需要使用日期控件时,同事选择了My97DatePicker,功能还是挺强大的,在使用过程中需要实现按日.按周.按月.按季度.按年选择时间的功能. 控件自身提供了按日.按月和按年选择的功能,但是选择周和选择季度没有,鉴于方便,在选择周时就使用了选择日的状态,选择了日后再计算这一天所属的周的起始和结束日期. 在选择季度时,使用了选择月份的状态,选择月份后计算所属的季度的开始和结束日期. 控件本身

my97DatePicker日期控件——日期输入框联动，使用focus使第二个输入框没展示出日期控件

描述问题场景: 1.jquery使用的版本是jquery-1.7.2.min.js 2.代码不是写在页面上的,是通过事件后追加的 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script src="js/jquery-1.7.2.min.js" type="te

ASP.NET 使用My97DatePicker日期控件

首先要下载该控件的包,下载地址:http://pan.baidu.com/s/1Aa5gk 引用文件 <script src="js/My97DatePicker/WdatePicker.js" type="text/javascript"></script> 目录详情常规调用 <input id="d11" type="text" class="text" onclick=

My97DatePicker日期控件用法

用法很简单,主要演示都在myDate.html <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <!-- My97DatePicker引入到项目中后的目录结构如下 W

My97datepicker日期控件

转自:http://www.my97.net/dp/demo/index.htm 非常不错的一篇文章,介绍的很详细.感兴趣的朋友可以好好研究一下. 网上资源很多的,可以下一个来使用. 先说一下整个文件的结构: 简单介绍各个目录的作用: My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除(4.8以后不存在此文件) 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方

（六）在线文档编辑器的使用和数据字典（ueditor编辑器/my97datepicker日期控件）

使用ueditor编辑器注意: 1. 要把ueditor的jar包添加到WEB-INF/lib里. 2. 在做图片上传等功能时,必须重写struts的过滤器,否则图片流会被拦截程序无法得到图片. 3. 上传的图片(还未经过action处理)一般放在 "C:\Users\Administrator\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps/项目名"的目录下.

jsp日期插件My97DatePicker 强大的日期控件使用方便简单

本文属转载(希望对编程爱好者有所帮助)详情请访问官方网站 http://www.my97.net/dp/index.asp 一. 简介 1. 简介目前的版本是:4.7 2. 注意事项 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除各目录及文件的用途:WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名con

My97DatePicker时间日期控件的使用

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