{layout name="layout2" /} <style> .layui-form-label { color: #6a6f6c; width: 100px; } .layui-input-block { margin-left: 130px; } .tips{ color: red; } .layui-laydate-content>.layui-laydate-list { padding-bottom: 0px; overflow: hidden; } .layui-laydate-content>.layui-laydate-list>li{ width:50% } .merge-box .scrollbox .merge-list { padding-bottom: 5px; } </style> <div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="padding: 20px 30px 0 0;"> <div class="layui-form-item"> <label class="layui-form-label"><span class="tips">*</span>开始时间</label> <div class="layui-input-inline"> <input type="text" name="start_time" lay-verify="required" lay-verType="tips" placeholder="请选择开始时间" autocomplete="off" class="layui-input time"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label"><span class="tips">*</span>结束时间</label> <div class="layui-input-inline"> <input type="text" name="end_time" lay-verify="required" lay-verType="tips" placeholder="请选择结束时间" autocomplete="off" class="layui-input time"> </div> </div> <div class="layui-form-item layui-hide"> <input type="button" lay-submit lay-filter="add-submit" id="add-submit" value="确认"> </div> </div> <style> .layui-form-label { width: 100px; } .layui-input-block { margin-left: 130px; } </style> <script> layui.config({ version:"{$front_version}", base: '/static/lib/' //静态资源所在路径 }).use(['form','laydate'], function(){ var $ = layui.$ ,form = layui.form ,laydate = layui.laydate; lay('.time').each(function() { laydate.render({ elem : this, trigger : 'click', type: 'time', format: 'HH:mm', }); }); }) </script>