layui中时间选择器的使用

1、HTML页面引入layui.js文件

<script src="../../plugins/layui/layui.js"></script>

使用选择器的部分代码如下：

 <div class="layui-inline layui-col-xs10 layui-col-sm3 layui-col-md3">
            <label class="layui-form-label">创建日期</label>
            <div class="layui-input-block">
                <input type="text" name="search[createDate]" id="createDate" autocomplete="off" class="layui-input">
            </div>
            
  </div>

 

2、页面对应的js文件中,标红的为时间选择显示出来需要的代码

var active;
layui.use(['table','laydate'], function(){
    var token=getToken();
    var $ = layui.$
    var tab