记录layui日期组件laydate闪屏的坑

 <!--页面-->
  <input type="text" id="test1" name="filDate" class="layui-input" placeholder="yyyy-MM-dd">
  
  <!--js-->
  layui.use(['element','layedit','laydate'],function(){
      var form=layui.form
      ,layer=layui.layer
      ,layedit=layui.layedit
      ,layedit=layui.layedit
      ,laydate=layui.laydate;

      laydate.render({
        elem:'#test1'
      });
      });

以上这段代码在页面向下高度不够打开一个日期弹框是会出现闪屏现象的

接下来我们看看下面这个代码

<!--页面-->
  <input type="text" id="test2" name="filDate" class="layui-input test-item" placeholder="yyyy-MM-dd">
   <!--注意：class必须添加 test-item样式，这是重点，具体去看layui文档-->
    <!--js-->
  layui.use(['element','layedit','laydate'],function(){
      var form=layui.form
      ,layer=layui.layer
      ,layedit=layui.layedit
      ,layedit=layui.layedit
      ,laydate=layui.laydate;

      laydate.render({
        elem:'#test1'
        ,trigger:'click'
      });
      });

当我们加上trigger:'click’这个元素之后日期控件就不会出现闪屏的现象了

注意：会照成闪屏的原因是因为页面向下高度不够打开一个日期弹框，当你页面高度足够时就不需要写trigger:‘click’；这个元素，就上下合适位置打开日期弹框。防止页面缩小被查看，建议都写。