解決layer.open后laydate失效的問題
更新時間：2019年09月06日 18:03:29 作者：R鮮森
今天小編就為大家分享一篇解決layer.open后laydate失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如果你的open方式是1（html）的話這樣是可以的，
如果是2（iframe）方式打開，你把注入的代碼寫在打開的界面就可以了不用這樣寫，open的參數type是有區(qū)別的，所以請注意：
今天在開發(fā)項目時候使用到了laydate，按照官方文檔說明使用發(fā)現出現下面的問題：
1.在正常頁面中使用laydate組件沒有問題，點擊可以正常顯示出來
2.但是在layer.open打開一個窗體后就沒有效果了
分析思路：由于頁面的加載如果js在頁面元素顯示之前就執(zhí)行，那么就會出現無法渲染組件的問題，所有決定等元素渲染后再執(zhí)行js,
于是先看官方對layer的文檔官方layer彈出窗文檔，發(fā)現success參數說明：當你需要在層創(chuàng)建完畢時執(zhí)行一些語句，可以通過該回調。
所有把對laydate的渲染放在這里即可，下面是success中的代碼：
success: function(layero, index) {//成功后注入事件，不然js在頁面完成完成之前就執(zhí)行，點擊沒有效果
laydate.render({
elem: '#publishTime', //指定元素
type: 'datetime', //日期格式類型
});
}
最后記得使用到什么組件需要引入才可以。
以上這篇解決layer.open后laydate失效的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
這篇文章主要為大家詳細介紹了微信小程序預覽二進制流文件的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
使用 JavaScript 在沒有插件的情況下輸入文本掩碼的示例詳解
這篇文章主要介紹了使用 JavaScript 在沒有插件的情況下輸入文本掩碼,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
這篇文章主要介紹了JavaScript數組reduce()方法，reduce()方法是處理數組的方法，它接收一個函數和一個初始值，然后將數組中的每個元素和初始值當作參數傳入這個函數中進行處理，最后返回和初始值相同類型的值,需要的朋友可以參考一下2022-01-01
2008-01-01
javascript的var與let,const之間的區(qū)別詳解
這篇文章主要為大家介紹了?javascript的var與let,const之間的區(qū)別，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
DOM(Document Object Model)，即“文檔對象模型”?；谡Z義的邏輯結構，DOM將網頁內的元素與內容呈現為一個清晰、易讀的樹狀模型，下面小編把最近整理有關javascript筆記之DOM基礎分享給大家，有需要的朋友可以參考下2015-08-08
bootstrap日期插件daterangepicker使用詳解
這篇文章主要為大家詳細介紹了bootstrap日期插件daterangepicker的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
JS網絡游戲-(模擬城市webgame)提供的一些例子下載...2007-10-10
本文通過實例代碼給大家介紹了JS構造函數中this和return，需要的朋友參考下吧2017-09-09
這篇文章主要介紹了微信小程序調用攝像頭隱藏式拍照功能，本文給大家?guī)砹私鉀Q方法、官網代碼和小編寫的比較完整代碼,需要的朋友可以參考下2018-08-08