2012年1月至3月出差北京参与一个对日JAVA WEB项目开发,日期型控件是这类项目必不可少的工具之一。以下是采用my97日期控件的一些心得体会。该控件在其官网上有非常
详尽的使用说明和各种例子。详细参照
www.my97.net
1、点击文本框弹出日期选择窗口,选择的日期格式为 yyyy-MM-dd HH:mm:ss
首先在jsp页面head部引入日期控件js文件。
<script language="javascript" type="text/javascript" src="<s:url value="/js/datePicker/WdatePicker.js"/>"></script>
日期开始日:
<s:textfield cssStyle="width:170px; margin:0" name="orcVo.orderStartDate" id="orderStartDate" οnclick="WdatePicker({maxDate:'#F{$dp.$D(\\'orderEndDate\\')}'})" readonly="true"></s:textfield></td>
日期终止日:
在终止日文本框中将开始日文本框的id作为参数传给控件,这样选择终止日期时,日期不会小于开始日。从而避免在页面做日期大小校验的麻烦了。
<s:textfield cssStyle="width:170px; margin:0" name="orcVo.orderEndDate" id="orderEndDate" οnclick="WdatePicker({minDate:'#F{$dp.$D(\\'orderStartDate\\')}'})" readonly="true"></s:textfield></td>
2、只读型日期文本框,日期格式为yyyy-MM-dd HH:mm:ss
<s:textfield cssStyle="width:120px; margin:0" name="sendTime" id="sendTime" οnclick="WdatePicker({minDate:'%y-%M-{%d}',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true,readOnly:true})"/>