My97DatePicker时间控件使用心得

/**
 * @author xiaoqun.yi
 */
public class QueryDateBean {
    /**
     *
     */
    private static final long serialVersionUID = -2128648445206020540L;
    // 查询条件用
    private String startDate;
    private String endDate;
    private String keywords;

    public String getStartDate() {
        return startDate;
    }

    public void setStartDate(String startDate) {
        this.startDate = startDate;
    }

    public String getEndDate() {
        return endDate;
    }

    public void setEndDate(String endDate) {
        this.endDate = endDate;
    }

    public String getKeywords() {
        return keywords;
    }

    public void setKeywords(String keywords) {
        this.keywords = keywords;
    }
}

查询条件:bean继承QueryDateBean

处罚时间: 最大时间不能大于当前时间,第二个日期大于第一个日期,日期显示值为:yyyy-mm-dd 日期实际值为yyyymmdd

                <!--显示值,以下同理-->

                <input type="text" id="date01" class="tdInput_80" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd',realDateFmt:'yyyyMMdd',vel:'startDate',maxDate:'#F{$dp.$D(\'date02\')||\'%y-%M-{%d}\'}',readOnly:true})"/>&nbsp;--

                <!--实际值设为隐藏,以下同理-->

                <input type="hidden" id="startDate" name="punish.startDate" />

                <input type="text"  id="date02" class="tdInput_80" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd',realDateFmt:'yyyyMMdd',vel:'endDate',minDate:'#F{$dp.$D(\'date01\')}', maxDate:'%y-%M-{%d}',readOnly:true})"/>
                <input type="hidden" id="endDate" name="punish.endDate" />


选择的日期不能大于当前日期

<input type="text" id="checkdate_add" class="tdInput" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd',realDateFmt:'yyyyMMdd',
vel:'checkdate',maxDate:'%y-%M-%d',readOnly:true})"/>
<input type="hidden" id="checkdate" name="checkreform.checkdate" />

选择的最小日期大于当前日期，后面的日期大于前面的日期,日期格式为:yyyy-mm-dd 值为yyyymmdd
<input type="text" id="date01" class="tdInput" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd',realDateFmt:'yyyyMMdd',vel:'timelimit',minDate:'%y-%M-%d+2',maxDate:'#F{$dp.$D(\'date02\')}',readOnly:true})"/>

<input type="hidden"  id="timelimit" name="checkreform.timelimit" />

<input type="text"  id="date02" class="tdInput"class="tdInput" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd',realDateFmt:'yyyyMMdd',vel:'acceptdate',minDate:'#F{$dp.$D(\'date01\')}',readOnly:true})"/>
<input type="hidden"  name="checkreform.acceptdate" id="acceptdate" />


sql显示日期(oracle)日期存数据库用字符串用yyyymmdd是为了方便比较
 substr(r.timelimit,1,4)||'-'||substr(r.timelimit,5,2)||'-'||substr(r.timelimit,7,2) as timelimit,


时间:显示为hh:实际值为:hhmi是为了两个时间段的比较方便
<input type="text" id="date03" class="tdInput" οnfοcus="WdatePicker({dateFmt:'HH:mm',readOnly:true})" /            
<input type="hidden" id="starttime_update" name="dutytime.starttime" />

<input type="text" id="date04" class="tdInput" οnfοcus="WdatePicker({dateFmt:'HH:mm',readOnly:true})" />
<input type="hidden" id="endtime_update" name="dutytime.endtime" />
var starttime=$("#date01").val();
starttime=starttime.substring(0,2)+starttime.substring(3,5);
var endtime=$("#date02").val();
endtime=endtime.substring(0,2)+endtime.substring(3,5);
$("#starttime_add").val(starttime);
$("#endtime_add").val(endtime);
sql查询显示(oracle)
substr(t.starttime,1,2)||':'||substr(t.starttime,3,2) as starttime,
substr(t.endtime,1,2)||':'||substr(t.endtime,3,2) as endtime,