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