opkpm/app/admin/view/seckill/seckill_time/add_time.html

{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>