change - 尖峰平谷界面样式修改

master
wenjy 3 years ago
parent cc8078f318
commit d8241177f8

@ -21,7 +21,7 @@
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
</select>
</li>
<li class="select-time">
<!--<li class="select-time">
<label>创建时间:</label>
<input type="text" class="time-input" id="startTime" placeholder="开始时间" name="params[beginCreatedTime]"/>
<span>-</span>
@ -32,7 +32,7 @@
<input type="text" class="time-input" id="startTime" placeholder="开始时间" name="params[beginUpdatedTime]"/>
<span>-</span>
<input type="text" class="time-input" id="endTime" placeholder="结束时间" name="params[endUpdatedTime]"/>
</li>
</li>-->
<li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>

@ -16,13 +16,25 @@
<div class="form-group">
<label class="col-sm-3 control-label">时段开始:</label>
<div class="col-sm-8">
<input name="timeframeBegin" class="form-control" type="text">
<div class="input-group date">
<input type="text" name="timeframeBegin" class="form-control" id="laydate-demo-3" placeholder="HH:mm:ss">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
<!--<input name="timeframeBegin" class="form-control" type="text">-->
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">时段结束:</label>
<div class="col-sm-8">
<!--<div class="col-sm-8">
<input name="timeframeEnd" class="form-control" type="text">
</div>-->
<div class="col-sm-8">
<div class="input-group date">
<input type="text" name="timeframeEnd" class="form-control" id="laydate-demo-4" placeholder="HH:mm:ss">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
<!--<input name="timeframeBegin" class="form-control" type="text">-->
</div>
</div>
<div class="form-group">
@ -96,6 +108,22 @@
minView: "month",
autoclose: true
});
<!-- laydate示例 -->
layui.use('laydate', function(){
var laydate = layui.laydate;
laydate.render({
elem: '#laydate-demo-3',
type: 'time',
trigger: 'click'
});
laydate.render({
elem: '#laydate-demo-4',
type: 'time',
trigger: 'click'
});
});
</script>
</body>
</html>

@ -17,13 +17,21 @@
<div class="form-group">
<label class="col-sm-3 control-label">时段开始:</label>
<div class="col-sm-8">
<input name="timeframeBegin" th:field="*{timeframeBegin}" class="form-control" type="text">
<!-- <input name="timeframeBegin" th:field="*{timeframeBegin}" class="form-control" type="text">-->
<div class="input-group date">
<input type="text" name="timeframeBegin" th:field="*{timeframeBegin}" class="form-control" id="laydate-demo-3" placeholder="HH:mm:ss">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">时段结束:</label>
<div class="col-sm-8">
<input name="timeframeEnd" th:field="*{timeframeEnd}" class="form-control" type="text">
<!--<input name="timeframeEnd" th:field="*{timeframeEnd}" class="form-control" type="text">-->
<div class="input-group date">
<input type="text" name="timeframeEnd" th:field="*{timeframeEnd}" class="form-control" id="laydate-demo-4" placeholder="HH:mm:ss">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
<div class="form-group">
@ -97,6 +105,22 @@
minView: "month",
autoclose: true
});
<!-- laydate示例 -->
layui.use('laydate', function(){
var laydate = layui.laydate;
laydate.render({
elem: '#laydate-demo-3',
type: 'time',
trigger: 'click'
});
laydate.render({
elem: '#laydate-demo-4',
type: 'time',
trigger: 'click'
});
});
</script>
</body>
</html>
Loading…
Cancel
Save