`
A牛哥哥
  • 浏览: 147517 次
社区版块
存档分类
最新评论

my97datepicker开始日期小于结束日期格式化时间精确到时分秒

阅读更多
一 , 需求: 结束时间 > 开始时间, 不符合的时间段不能选择.

比如我选择开始日期是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
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics