專案上線,發現後台管理系統layui的子頁面出現時間控制項閃退的問題,根本選取不到時間。
原因是:如果出現頁面找到多個節點,只有第一個節點能正常使用後面的節點都會閃退,可以理解為目前laydate不支援一次性render多個節點。不是什麼實例重複的問題,因為我每個頁面建立的實例都不一樣還是閃退。而後台管理系統中這種父子頁面確實有多個頁面使用了時間控件,從而render多個節點。
解決方法:
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知識請關注layui使用教程欄位。
以上是layui時間控制閃退的問題介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本文詳細介紹瞭如何使用Layui的元素模塊來創建和自定義UI元素,例如選項卡,手風琴和進度條,突出顯示HTML結構,初始化和常見的陷阱,以避免。

本文討論了自定義Layui的Carousel模塊,重點介紹了外觀和行為的CSS和JavaScript修改,包括過渡效果,自動播放設置以及添加自定義導航控件。

該文章指導使用Layui的Carousel模塊用於圖像滑塊,詳細介紹設置的步驟,自定義選項,實現自動播放和導航以及性能優化策略。

本文討論了使用Accept,Exts和Size屬性來限制Layui的上傳模塊,以限製文件類型和尺寸,並自定義錯誤消息以違反。

本文介紹瞭如何使用Layui的圖層模塊創建模態窗口和對話框,詳細設置,類型,自定義和常見的陷阱要避免。

Layui以簡單性和性能而聞名,與Bootstrap和Sminantic UI進行了比較,並易於設計。 Layui在模塊化和中文支持方面表現出色。(159個字符)

Layui超出了基本的Web應用程序,可以通過其模塊化設計和豐富的UI組件來增強企業級用戶體驗。(159個字符)增強了企業級用戶體驗。(159個字符)


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Dreamweaver CS6
視覺化網頁開發工具

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

禪工作室 13.0.1
強大的PHP整合開發環境

WebStorm Mac版
好用的JavaScript開發工具