jeesite後臺列表頁

選擇周幾默認週一

<form:select path="weekDate"  class="input-xlarge required" maxlength="25"  cssStyle="width: 122px;" >
					<form:option value="週一" label="週一" onkeydown="true"/>
					<form:option value="週二" label="週二"/>
					<form:option value="週三" label="週三"/>
					<form:option value="週四" label="週四"/>
					<form:option value="週五" label="週五"/>
					<form:option value="週六" label="週六"/>
					<form:option value="週日" label="週日"/>
				</form:select>

選擇日期

<label class="control-label">日期:</label>
		<div class="controls">
			<%--	<form:input path="times" htmlEscape="false" maxlength="25" class="input-xlarge required" readonly="true"/>--%>
			<form:input path="times" htmlEscape="false" class="input-xlarge required"
						onclick="WdatePicker({dateFmt:'MM.dd'})" />
			<span class="help-inline"><font color="red">*</font> </span>
		</div>
	</div>
	<div class="control-group">

選擇節日

<label class="control-label">節日類型:</label>
		<div class="controls">
					<%--<form:input path="festivalType" htmlEscape="false" maxlength="25" class="input-xlarge required" readonly="true"/>--%>
			<form:select path="festivalType" class="input-mini" cssStyle="width: 122px;">
				<form:option value="春節"  label="春節"  onkeydown="true"/>
				<form:option value="清明節"  label="清明節"/>
				<form:option value="勞動節"  label="勞動節"/>
				<form:option value="端午節"  label="端午節"/>
				<form:option value="中秋節"  label="中秋節"/>
				<form:option value="國慶節"  label="國慶節"/>

			</form:select>

選擇幾月

<form:select path="monthId" class="input-mini" cssStyle="width: 122px;">
            <form:option value="1"  label="一月"  onkeydown="true"/>
            <form:option value="2"  label="二月"/>
            <form:option value="3"  label="三月"/>
            <form:option value="4"  label="四月"/>
            <form:option value="5"  label="五月"/>
            <form:option value="6"  label="六月"/>
            <form:option value="7"  label="七月"/>
            <form:option value="8"  label="八月"/>
            <form:option value="9"  label="九月"/>
            <form:option value="10" label="十月"/>
            <form:option value="11" label="十一月"/>
            <form:option value="12" label="十二月"/>
        </form:select>

判斷數據是否爲空

<c:choose>
					<c:when test="${tourismWeMediaAttention.fansVolumLastweek==null}">
						${tourismWeMediaAttention.fansVolumLastweek}
					</c:when>
					<c:otherwise>
						${tourismWeMediaAttention.fansVolumLastweek}(萬人)
					</c:otherwise>
				</c:choose>

選擇天氣情況

<form:select path="scienceAir" htmlEscape="false" maxlength="25" >
					<form:option value="晴"  label="晴"  onkeydown="true"/>
					<form:option value="多雲"  label="多雲"/>
					<form:option value="雨"  label="雨"/>
				</form:select>

選擇設置好的字典裏的字段

  <form:select path="incomeItems" class="input-xlarge required">
                    <form:option value="" label=""/>
                    <form:options items="${fns:getDictList('incomeItems')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
                </form:select>

輸入提示

<span class="help-inline">輕微區3.5~5、較輕區2.5~3.5、重點區1.5~2.5、強烈區0~1.5 </span>

<span class="help-inline"><font color="red">前臺只展示前6條數據</font> </span>

只能輸入數字

onkeyup="value=value.replace(/[^\d]/g,'')"
onkeyup="this.value=this.value.replace(/\D/g,'')"
 onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')"
	<span class="help-inline"><font color="red">*</font> 只能輸入中文、英文、數字、@符號和.符號</span>
onkeyup="value=value.replace(/[^\d\.\-]/g,'')" 

不能爲空

onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能爲空!')"

排序

ORDER BY roadValue DESC

只讀

readonly="true"

日期格式

<fmt:formatDate value="${tourismWarning.warningTime}" pattern="yyyy-MM-dd HH:mm:ss"/>

最小值爲0

min="0"

突發事件類型選擇

<form:select path="warningType" class="input-xlarge required" maxlength="25" cssStyle="width: 122px;" >
					<form:option value="地址災害氣象預警" label="地址災害氣象預警" onkeydown="true"/>
					<form:option value="突發事件" label="突發事件"/>
					<form:option value="景區容量預警" label="景區容量預警"/>
					<form:option value="景區周邊道路預警" label="景區周邊道路預警"/>
				</form:select>

值不夠位數 前面自動補零

<td>
					<fmt:formatNumber type="number"
									  pattern="00000000" value="${tourismIndexNum.todayNum}" />
					<%--${tourismIndexNum.todayNum}--%>
				</td>

環比下降數值前加"-"(%)

行號

<c:forEach  varStatus="status"  items="${page1.list}" var="tourismWarningContact">
${status.index}從0開始
${status.count}從1開始
  </c:forEach>

默認到小數點後兩位

placeholder="默認到小數點後兩位" onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"	maxlength="9" min="0"

年份

<div class="control-group">
            <label class="control-label">年份:</label>
            <div class="controls">
                <form:input path="nyear" htmlEscape="false" class="input-xlarge  number required"  onclick="WdatePicker({dateFmt:'yyyy',minDate:'1900',maxDate:'2099'})" />
            </div>
        </div>

清空月份選擇

onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"`

舉例 placeholder=“如:陝西**公司物流配送建設工程”

選擇單位

 <div class="control-group">
        <label class="control-label">已完成投資:</label>
        <div class="controls">
            <form:input path="cutOff" id="cutOff" htmlEscape="false" class="input-xlarge  number required" placeholder="默認到小數點後兩位" onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')" onblur="validateCutOff()"/><span class="help-inline"><font color="red">*<span class="tip" id="tip"></span></font></span>
            &nbsp;<label>單位:</label>
            <form:select path="unit" id="unit" class="input-mini" cssStyle="width: 122px;">
                <form:option value="萬元" label="萬元"/>
                <form:option value="元" label="元"/>
                <%--<form:option value="%" label="%"/>--%>
            </form:select>
        </div>
    </div>

圖片上傳

<div class="control-group">
    <label class="control-label">頭像圖片:</label>
    <div class="controls">
        <input name="picture" onchange="yesno(this)"
               style="background-color: white;
				   border:1px solid lightgrey;
				   width: 280px" type="file"
               htmlEscape="false"
               accept=".jpg,.png,.gif"
               class="input-xlarge
           <c:if test="${modifyFlg ne 'modifyFlg'}"></c:if>"/>
        <c:if test="${modifyFlg eq 'modifyFlg'}">
            <input type="hidden" name="pictureaddress"   />
        </c:if>
    </div>
</div>

寬度設置

cssStyle="width: 60%"
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章