解決layer.open后laydate失效的問題
如果你的open方式是1（html）的話這樣是可以的，
如果是2（iframe）方式打開，你把注入的代碼寫在打開的界面就可以了不用這樣寫，open的參數(shù)type是有區(qū)別的，所以請注意：
今天在開發(fā)項(xiàng)目時(shí)候使用到了laydate，按照官方文檔說明使用發(fā)現(xiàn)出現(xiàn)下面的問題：
1.在正常頁面中使用laydate組件沒有問題，點(diǎn)擊可以正常顯示出來
2.但是在layer.open打開一個(gè)窗體后就沒有效果了
分析思路：由于頁面的加載如果js在頁面元素顯示之前就執(zhí)行，那么就會(huì)出現(xiàn)無法渲染組件的問題，所有決定等元素渲染后再執(zhí)行js,
于是先看官方對layer的文檔官方layer彈出窗文檔，發(fā)現(xiàn)success參數(shù)說明：當(dāng)你需要在層創(chuàng)建完畢時(shí)執(zhí)行一些語句，可以通過該回調(diào)。
所有把對laydate的渲染放在這里即可，下面是success中的代碼：
success: function(layero, index) {//成功后注入事件，不然js在頁面完成完成之前就執(zhí)行，點(diǎn)擊沒有效果
laydate.render({
elem: '#publishTime', //指定元素
type: 'datetime', //日期格式類型
});
}
最后記得使用到什么組件需要引入才可以。
以上這篇解決layer.open后laydate失效的問題就是小編分享給大家的全部內(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中提供了豐富的控件，您還可以通過Control類來實(shí)現(xiàn)自定義控件，需要的朋友可以參考下2015-08-08
C#中TrimStart,TrimEnd,Trim在javascript上的實(shí)現(xiàn)
今天在后臺(tái)寫了個(gè)類,后來才發(fā)現(xiàn),需要在JS上做..于是把代碼拷到j(luò)s上進(jìn)行修改,代碼中用到TrimStart,TrimEnd,Trim等方法,在網(wǎng)上找半天竟然沒找到.要么就只能清除空格的!2011-01-01
uni-app如何用JS動(dòng)態(tài)修改scss樣式變量
對于uni-app中的組件,可以通過修改它們的樣式來自定義它們的外觀,下面這篇文章主要給大家介紹了關(guān)于uni-app如何用JS動(dòng)態(tài)修改scss樣式變量的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07
這篇文章主要介紹了JS煙花背景效果實(shí)現(xiàn)方法,實(shí)例分析了javascript操作dom元素實(shí)現(xiàn)煙花特效的技巧,需要的朋友可以參考下2015-03-03
微信小程序中實(shí)現(xiàn)雙向綁定的實(shí)戰(zhàn)過程
最近在小程序的開發(fā)過程中,需要用到雙向綁定,遇到報(bào)錯(cuò)才知道微信本身是不支持對象雙向綁定的,折騰一番找到解決方案,下面這篇文章主要給大家介紹了關(guān)于微信小程序中實(shí)現(xiàn)雙向綁定的相關(guān)資料,需要的朋友可以參考下2023-01-01
這篇文章主要為大家詳細(xì)介紹了標(biāo)準(zhǔn)的js無縫滾動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
JS中video標(biāo)簽自動(dòng)播放音視頻并繪制波形圖效果
html中的<video>標(biāo)簽可以用來播放常見的音視頻格式，支持的格式包括: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ān)于uni-app使用uniCloud實(shí)現(xiàn)圖形驗(yàn)證碼(uni-captcha)的相關(guān)資料,實(shí)際開發(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)證，文章圍繞主題展開相關(guān)資料，具有以得參考價(jià)值，需要的小伙伴可以參考一下2022-02-02