一 , 需求: 结束时间 > 开始时间, 不符合的时间段不能选择.
比如我选择开始日期是7月28,那结束的日期将只能从7月28日后面的日期里来选择,省去了我们JS验证结束日期小于开始日期的麻烦。
具体代码如下:
开始日期的input id = "startDate"
结束日期的input id = "endDate"
从:
<input id="startDate" class="Wdate" type="text" onFocus="var endDate=$dp.$('endDate');WdatePicker({onpicked:function(){endDate.focus();},maxDate:'#F{$dp.$D(\'endDate\')}'})"/>
至
<input id="endDate" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'startDate\')}'})"/>
以上摘自http://hi.baidu.com/kqogje/item/919f12498b0a220ec01613fc
二,当天以后的时间不能选
<input id="startDate" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})"/>
三,当天以前的时间不能选
<input id="startDate" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate:'%y-%M-%d'})"/>
四,对选取的时间进行格式化
4.1 精确到时分秒
<input id="startDate" type="text" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"/>
五,开始和结束时间默认最近一周, 最大跨度一个月
默认为当前最近一周,我没有找到my97datepicker有这样的API, 我在页面用java代码实现的, 跨度最大为一个月倒是实现了:
<%
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
GregorianCalendar gc = new GregorianCalendar();
Date currentTime = new Date();
gc.setTime(currentTime);
gc.add(3, -1);
Date date = gc.getTime();//一周前的时间
%>
<input type="text" name="start_time" id="start_time" class="Wdate" value="<%=sdf.format(date).split(" ")[0]+" 00:00:00"%>" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'end_time\',{d:-30});}'})"/>
-
<input type="text" name="end_time" id="end_time" class="Wdate" value="<%=sdf.format(currentTime)%>" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'start_time\',{d:0});}',maxDate:'#F{$dp.$D(\'start_time\',{d:30});}'})"/>
注意<input>标签的value, 是用jsp中的<%= ....%>直接输出的默认值
- 大小: 17.4 KB
分享到:
相关推荐
My97DatePicker使用 日期获取 用程序获取本日,本周,本月日期段。
日期控件My97DatePicker的使用 日期控件My97DatePicker的使用
日期插件My97DatePicker 日期插件My97DatePicker 日期插件My97DatePicker
My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该文件 ...
My97DatePicker4.7.2 日期控件
My97DatePicker一款简易前端日期控件,自带格式验证功能,使用很简单,input标签引用对应的class即可
My97DatePicker超实用的JS日期选择插件,不管是从外观功能上说,还是从易用性方面说,My97DatePicker都是全部占优的,也是比较有名的网页日期选择插件,支持多种调用方式,支持多种时间选择方式,甚至可以直接手动...
My97DatePicker 日期时间控件 支持ie8 火狐等浏览器,可以选择日期 和时间
日期控件,My97DatePicker。有个简单的使用代码。 这东西应用很简单,也比较好用。
大部分日期控件都具备功能如:带时间显示,支持周显示,自定义格式,自动纠错,智能纠错,起始日期,操作按钮自定义,快速选择日期,支持多种调用模式等,My97DatePicker在这些方面做得更全面,更人性化,并且速度一流.
My97DatePicker,js做的时间日期输入控件
本版本是My97日期控件 My97 DatePicker Ver 3.0.1
My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除(4.8以后不存在此文件) 各目录及文件的用途: WdatePicker.js 配置文件,在调用的...
My97DatePicker安装包My97DatePicker安装包My97DatePicker安装包My97DatePicker安装包
My97DatePicker日期控件
ASP.NET My97DatePicker 日期控件,附加使用方法,以后有用。
[修改]去除My97DatePicker.htm [修改]position改成相对坐标(原来为绝对坐标) [恢复]$dpPath属性,用于解决有base标签极端情况下的问题 [修正]跨域错误提示没有权限的问题 [修正]opposite情况下正则表达式日期限制问题...