小編給大家分享一下如何解決layui時間控件閃退問題,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、信宜網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場景定制、商城網(wǎng)站建設(shè)、集團公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為信宜等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。項目上線,發(fā)現(xiàn)后臺管理系統(tǒng)layui的子頁面出現(xiàn)時間控件閃退的問題,根本選取不到時間。
其原因是:如果出現(xiàn)頁面找到多個節(jié)點,只有第一個節(jié)點能正常使用后面的節(jié)點都會閃退,可以理解為目前l(fā)aydate不支持一次性render多個節(jié)點。不是什么實例重復的問題,因為我每個頁面創(chuàng)建的實例都不一樣還是閃退。而后臺管理系統(tǒng)中這種父子頁面確實有多個頁面使用了時間控件,從而render多個節(jié)點。
解決方法:
laydate文件中的默認配置,trigger: 'focus' //呼出控件的事件這個focus改成click。
測試部署上線有效。
layui.use('laydate', function(){ var laydate = layui.laydate; //日期時間選擇器 laydate.render({ elem: '#startTime' ,type: 'datetime' ,trigger: 'click'//呼出事件改成click //,format: 'yyyy-MM-dd HH:mm:ss' //可任意組合 }); //日期時間選擇器 laydate.render({ elem: '#endTime' ,type: 'datetime' ,trigger: 'click'//呼出事件改成click // ,format: 'yyyy-MM-dd HH:mm:ss' //可任意組合 });});
以上是“如何解決layui時間控件閃退問題”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!