wdatepicker

http://www.my97.net/dp/index.asp WdatePicker日历控件使用方法 1. 跨无限级框架显示 无论你把日期控件放在哪里,你都不需要担心会被外层的iframe所遮挡进而影响客户体验,因为 My97 日期控件是可以跨无限级框架显示的 示例2-7 跨无限级框架演示 可无限跨越框架iframe,无论怎么嵌套框架都不必担心了,即使有滚动条也不怕 2. 民国年日历和其他特殊日历 当年份格式设置为yyy格式时,利用年份差量属性yearOffset(默认值1911民国元年),可实现民国年日历和其他特殊日历 示例2-8 民国年演示 <input type="text" id="d28" onClick="WdatePicker({dateFmt:'yyy/MM/dd'})"/> 注意:年份格式设置成yyy时,真正的日期将会减去一个差量yearOffset(默认值为:1911),如果是民国年使用默认值即可无需另外配置,如果是其他的差量,可以通过参数的形式配置 3. 为 编程 带来方便 如果el的值是this,可省略,即所有的el:this都可以不写 日期框设置为disabled时,禁止更改日期(不弹出选择框) 如果没有定义onpicked事件,自动触发文本框的onchange事件 如果没有定义oncleared事件,清空时,自动触发onchange事件 4.

一、官网 　　 http://www.my97.net/index.asp 　　下载： 　　　　 　　　 　//下文已更新与bootstrap样式的结合 二、demo演示 　　 实际使用时请注意文件引入的实际位置： 　　　　 【补充】 　　 数据库字段设计： 　　　　 `create_date` datetime DEFAULT NULL COMMENT '创建时间', //具体的SQL类型请参见相关随笔 　　 实体类相关属性： 　　　 1.基础使用： 　　 页面引入： <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> 　 　代码中使用： 日期输入： <input id="d11" type="text" onClick="WdatePicker()"/> 　 　实际效果： 　　　　 　　 2.图标触发 　　 页面引入同上； 　　代码使用： 日期图标触发输入： <input id="d12" type="text"/> <img onclick="WdatePicker({el:$dp.$('d12')})" src="My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle"> 　　

二. 功能及示例 4. 日期范围限制 静态限制 注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致而不是与 dateFmt 一致 你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围 示例4-1-1 限制日期的范围是 2006-09-10到2008-12-20 <input id="d411" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate:'2006-09-10',maxDate:'2008-12-20'})"/> 示例4-1-2 限制日期的范围是 2008-3-8 11:30:00 到 2008-3-10 20:59:30 <input type="text" class="Wdate" id="d412" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2008-03-08 11:30:00',maxDate:'2008-03-10 20:59:30'})" value="2008-03-09 11:00:00"/> 示例4-1-3 限制日期的范围是 2008年2月 到 2008年10月 <input

WdatePicker.js 要使结束时间大于开始时间只要在线束时间的 minDate:'#F{$dp.$D(\'stimeParam\')}' 即可：不多说 详细代码如下： <tr> <td>开始时间：</td> <td><input type="text" class="Wdate" id="stimeParam" name="stimeParam" οnfοcus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd HH:mm:ss', minDate: '${minDate}', maxDate: '${maxDate}' }) " value="${stimeParam}"/></td> <td>结束时间：</td> <td><input type="text" class="Wdate" id="timeParam" name="timeParam" οnfοcus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd HH:mm:ss', minDate:'#F{$dp.$D(\'stimeParam\')}', maxDate: '${maxDate}' }) " value="${inputDateStr}"/></td> </tr> 相互 <input type=

本文转载自： https://www.cnblogs.com/linjiqin/p/3148251.html 作者：linjiqin 转载请注明该声明。 本文演示如何在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}

今天项目测试，发现在IE6下一个页面打开失败，提示：“无法打开站点，已终止操作”，测试了下发现是日历控件My97DatePicker 导致的错误，于是看了下My97DatePicker 的相关介绍，无果；最后无意间百度了下，还是找到了解决办法： 1、My97DatePicker 官方：http://www.my97.net 2、在IE6下出现“无法打开站点，已终止操作”的解决办法（转）： My97DatePicker js 日期控件做的确实很优秀,但在ie6上显示最会有大小的问题，首先是ie6本身的问题,ie6对css的中文注释并不是很支持.所以如果css文件中有中文注释,那么这部分的css将会失效。 My97DatePicker 里面唯一的两个css文件都是有中文注释的,所以引用这个日期控件.最好是把它的css文件中的中文注释给去掉. 在frame框架中调用这个控件时老是探出“无法打开站点，已终止操作？”消息框，官网也有，综合下解决方法： 1、IE6中使用时,如果有 base target标签 必须在日期控件载入后设置 即<script language="javascript" type="text/javascript" src="../My97DatePicker/WdatePicker.js"></script> <base target="_self" /> (将头部的

My97DatePicker是一个非常优秀的日历插件，不仅支持多种调用模式，还支持日期范围限制。 常规的调用比较简单，如下所示： 1 <input class="Wdate" id="d1" οnclick="WdatePicker()" /> 下面重点说明日期范围限制： 1）静态限制 你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围 示例1.1：限制日期的范围是2012-12-1到2012-12-20 <input class="Wdate" id="d2" οnfοcus="WdatePicker({skin:'whyGreen',minDate:'2012-12-1',maxDate:'2012-12-20'})" /> 示例1.2：限制日期的范围是2012-12-4 21:30:00 到 2012-12-4 23:59:30 <input type="text" id="d3" class="Wdate" οnfοcus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2012-12-4 21:30:00',maxDate:'2012-12-4 23:59:30'})" value='2012-12-4 21:30:00'/> 示例1

1、 下载插件 　　a) 官网下载地址： http://www.my97.net/down.asp 　　 2、 如何使用： 　　a) 把下载到的文件解压，然后添加到项目中（注意：要完整地添加，不要修改文件的路径） 　　b) 添加到项目之后，在html中引入WdatePicker.js文件即可。（只需引入这个文件，其他的文件都不需要引入） 　　　　<script src="~/Resources/My97DatePicker/WdatePicker.js"></script> 　　c) 然后在html中使用即可。 　　　　<input id="start-time" type="text" class="Wdate" onclick="WdatePicker({ startDate: '%y-%M-%d hh:mm:ss', dateFmt: 'yyyy-MM-dd HH:mm:ss'})" /> 3、 修改他的格式。具体如何修改，可以看官方文档。如下是我自己做项目的时候需要修改的东西。 　　a) 官方文档： http://www.my97.net/demo/index.htm 　　b) 修改秒不可以被修改和选择。只需把时间格式中的ss不要即可。这样，秒这里就不能被选中了，而且是00。 　　　　<input id="start-time" type="text" class=

WdatePicker.js 直接引入js就可以使用。 基本使用效果及语句如下： <input type="text"class="Wdate"οnclick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})"> 点击input框是触发一个WdatePicker的函数，生成一个独立显示的日期选择下拉框。 el：绑定的是触发该下拉事件的标签元素的ID，标签可以是span,p,input等等。 dateFmt：是选定时间后，时间的显示格式以及显示内容的选定。如：yyyy-mm-dd则只显示年月日，大小写随意。 也可以写成：‘yyyy年MM月dd日 HH时mm分ss秒’的格式。 class=“Wdate”则是为该标签绑定一个Class类，在控件末端显示出一张日历的小图片。 自定义的时间格式： <input type="text" id="d242" οnclick="WdatePicker({skin:'whyGreen',dateFmt:'H:mm:ss'})" class="Wdate"/> 这个的样式会产生一点变化，可能是因为只是选择时间的缘故，效果如下： 图标触发： <input id="d12" type="text"/> <img οnclick="WdatePicker({el:'d12'})" src=

偶然看到这个日历控件，完美支持IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+，确实很棒，那么就介绍给大家了。 首先是去下载http://www.my97.net/dp/index.asp，这是官方网址吧！ 下载完成， 1、在使用日历控件的文件中加入js库，示例代码如下： <script style=”javascript” src=”datepicker/WdatePicker.js”></script> 2、加上主调函数Wdatepicker 详细使用办法请参见http://www.my97.net/dp/demo/index.htm 主注意事项： y97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名 config.js 语言和皮肤配置文件,无需引入 calendar.js 日期库主文件,无需引入 My97DatePicker.htm 临时页面文件,不可删除 目录lang 存放语言文件,你可以根据需要清理或添加语言文件 目录skin 存放皮肤的相关文件