[b]一 , 需求: 结束时间 > 开始时间, 不符合的时间段不能选择.
[/b][img]http://dl2.iteye.com/upload/attachment/0091/3779/90b87429-6bea-3cda-9930-0886c702378a.jpg[/img]
比如我选择开始日期是7月28,那结束的日期将只能从7月28日后面的日期里来选择,省去了我们JS验证结束日期小于开始日期的麻烦。
具体代码如下:
开始日期的input id = "startDate"
结束日期的input id = "endDate"
[b]以上摘自[url]http://hi.baidu.com/kqogje/item/919f12498b0a220ec01613fc[/url][/b]
[b]二,当天以后的时间不能选[/b]
[b]三,当天以前的时间不能选[/b]
[b]四,对选取的时间进行格式化[/b]
4.1 精确到时分秒
[b]五,开始和结束时间默认最近一周, 最大跨度一个月[/b]
默认为当前最近一周,我没有找到my97datepicker有这样的API, 我在页面用java代码实现的, 跨度最大为一个月倒是实现了:
注意<input>标签的value, 是用jsp中的<%= ....%>直接输出的默认值
[/b][img]http://dl2.iteye.com/upload/attachment/0091/3779/90b87429-6bea-3cda-9930-0886c702378a.jpg[/img]
比如我选择开始日期是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\')}'})"/>
[b]以上摘自[url]http://hi.baidu.com/kqogje/item/919f12498b0a220ec01613fc[/url][/b]
[b]二,当天以后的时间不能选[/b]
<input id="startDate" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})"/>
[b]三,当天以前的时间不能选[/b]
<input id="startDate" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate:'%y-%M-%d'})"/>
[b]四,对选取的时间进行格式化[/b]
4.1 精确到时分秒
<input id="startDate" type="text" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"/>
[b]五,开始和结束时间默认最近一周, 最大跨度一个月[/b]
默认为当前最近一周,我没有找到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中的<%= ....%>直接输出的默认值