常用插件

时间插件

wdatepicker

表单验证

Validform

wdatepicker前面的日期必须小于或等于后面的日期:

<input id="d4311" class="Wdate" type="text" onFocus="WdatePicker({dateFmt:'yyyyMMdd',maxDate:'#F{$dp.$D(\'d4312\')||\'%y-%M-%d\'}'})"/>
    <input id="d4312" class="Wdate" type="text" onFocus="WdatePicker({dateFmt:'yyyyMMdd',minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'%y-%M-%d'})"/>

 

后台:request.setAttribute("sysDate",DateUtil.today());格式:2016-07-08

<label>查询时间段:</label>
            <label><input type="text" id="startDate"
                
                        name="startDate" readonly="readonly"
                        onfocus="WdatePicker({dateFmt:'yyyyMMdd',maxDate:'#F{$dp.$D(\'endDate\')||\'${sysDate}\'}'})"
                        class="input-text Wdate" style="width:120px;">
                -
                        <input readonly="readonly" type="text" id="endDate" name="endDate"
                        
                        onfocus="WdatePicker({dateFmt:'yyyyMMdd',minDate:'#F{$dp.$D(\'startDate\')}',maxDate:'${sysDate}'})"
                        class="input-text Wdate" style="width:120px;">
            </label>

 

<div class="text-c"> 日期范围:
<input type="text" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'datemax\')||\'%y-%M-%d\'}',realDateFmt:'yyyyMMdd'})" id="datemin" class="input-text Wdate" style="width:120px;">
-
<input type="text" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'datemin\')}',maxDate:'%y-%M-%d',realDateFmt:'yyyyMMdd'})" id="datemax" class="input-text Wdate" style="width:120px;">
<input type="text" class="input-text" style="width:250px" placeholder="" id="" name="">
<button type="submit" class="btn btn-success" id="" name=""><i class="Hui-iconfont">&#xe665;</i> 搜记录</button>
</div>

 http://www.angularjsapi.cn/

Lombok 安装、入门 - 消除冗长的 java 代码

http://kanpiaoxue.iteye.com/blog/2264973

posted on 2016-03-19 12:05  james-roger  阅读(201)  评论(0编辑  收藏  举报