layui的date組件在彈窗里閃退的解決辦法

今天在使用Layui的時候在彈窗界面里面添加了一個時間Date控件，以往點擊Date沒有出現任何異常，但是今天突然發現Date的時間功能彈窗在點擊之后閃了一下之后就沒有了，這個讓我比較驚訝，所以我就網上這個問題進行了搜索。果然發現這個問題不是個例，下面我來說說我的解決辦法。

錯誤示例：

 

 

 

彈窗frame的高度大小問題

因為Date控件就我所知好像不能更改它的顯示大小，所以在彈窗里面當顯示大小不足時，它就顯示不出，這種情況特別在Date控件在頁面下部容易出現。

解決辦法：

//實施日期
layui.use('laydate', function(){
  var laydate = layui.laydate;
  //執行一個laydate實例
  laydate.render({
    elem: '#createTime',
    trigger: 'click', //添加這一行來處理
    done: function(value, date, endDate){
      $self.form.createTime = value;
    }
  });
});

問題就是出現在input框失去焦點、時間選擇框進而隱藏。

參考文檔：https://www.jianshu.com/p/1f5db9c8944d，感謝。