解決layer.open后laydate失效的問(wèn)題
如果你的open方式是1（html）的話(huà)這樣是可以的，
如果是2（iframe）方式打開(kāi)，你把注入的代碼寫(xiě)在打開(kāi)的界面就可以了不用這樣寫(xiě)，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', //日期格式類(lèi)型
});
}
最后記得使用到什么組件需要引入才可以。
以上這篇解決layer.open后laydate失效的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Ionic3 UI組件之a(chǎn)utocomplete詳解
這篇文章主要為大家詳細(xì)介紹了Ionic3 UI組件之a(chǎn)utocomplete的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了比例尺、縮略圖、平移縮放之百度地圖添加控件方法,大家都知道百度地圖API中提供了豐富的控件，您還可以通過(guò)Control類(lèi)來(lái)實(shí)現(xiàn)自定義控件，需要的朋友可以參考下2015-08-08
C#中TrimStart,TrimEnd,Trim在javascript上的實(shí)現(xiàn)
今天在后臺(tái)寫(xiě)了個(gè)類(lèi),后來(lái)才發(fā)現(xiàn),需要在JS上做..于是把代碼拷到j(luò)s上進(jìn)行修改,代碼中用到TrimStart,TrimEnd,Trim等方法,在網(wǎng)上找半天竟然沒(méi)找到.要么就只能清除空格的!2011-01-01
uni-app如何用JS動(dòng)態(tài)修改scss樣式變量
對(duì)于uni-app中的組件,可以通過(guò)修改它們的樣式來(lái)自定義它們的外觀,下面這篇文章主要給大家介紹了關(guān)于uni-app如何用JS動(dòng)態(tài)修改scss樣式變量的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07
這篇文章主要介紹了JS煙花背景效果實(shí)現(xiàn)方法,實(shí)例分析了javascript操作dom元素實(shí)現(xiàn)煙花特效的技巧,需要的朋友可以參考下2015-03-03
微信小程序中實(shí)現(xiàn)雙向綁定的實(shí)戰(zhàn)過(guò)程
最近在小程序的開(kāi)發(fā)過(guò)程中,需要用到雙向綁定,遇到報(bào)錯(cuò)才知道微信本身是不支持對(duì)象雙向綁定的,折騰一番找到解決方案,下面這篇文章主要給大家介紹了關(guān)于微信小程序中實(shí)現(xiàn)雙向綁定的相關(guān)資料,需要的朋友可以參考下2023-01-01
標(biāo)準(zhǔn)的js無(wú)縫滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了標(biāo)準(zhǔn)的js無(wú)縫滾動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
JS中video標(biāo)簽自動(dòng)播放音視頻并繪制波形圖效果
html中的<video>標(biāo)簽可以用來(lái)播放常見(jiàn)的音視頻格式，支持的格式包括:MP3、Ogg、WAV、AAC、MP4、WebM、AVI等，當(dāng)然支持的格式也和瀏覽器和操作系統(tǒng)有關(guān)，這篇文章主要介紹了video標(biāo)簽自動(dòng)播放音視頻并繪制波形圖,需要的朋友可以參考下2023-09-09
uni-app使用uniCloud實(shí)現(xiàn)圖形驗(yàn)證碼(uni-captcha)詳細(xì)過(guò)程
這篇文章主要給大家介紹了關(guān)于uni-app使用uniCloud實(shí)現(xiàn)圖形驗(yàn)證碼(uni-captcha)的相關(guān)資料,實(shí)際開(kāi)發(fā)工作中在登陸的時(shí)候經(jīng)常需要圖形驗(yàn)證碼,需要的朋友可以參考下2023-07-07
javascript正則表達(dá)配置擴(kuò)展名并實(shí)現(xiàn)驗(yàn)證
這篇文章主要介紹了javascript正則表達(dá)配置擴(kuò)展名并實(shí)現(xiàn)驗(yàn)證，文章圍繞主題展開(kāi)相關(guān)資料，具有以得參考價(jià)值，需要的小伙伴可以參考一下2022-02-02