解決在layer.open中使用時(shí)間控件laydate失敗的問題
更新時(shí)間：2019年09月11日 10:55:40 作者：這個(gè)昵稱沒有被占有吧
今天小編就為大家分享一篇解決在layer.open中使用時(shí)間控件laydate失敗的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
今天有個(gè)需要，用戶進(jìn)入頁面的時(shí)候，彈出一個(gè)彈窗，彈窗中選擇一個(gè)時(shí)間，彈窗大概是這樣的：
我的思路是，先在頁面寫好彈窗內(nèi)容，然后使用lay.open設(shè)置content即可：
<div id="layopen">
時(shí)間：<input type="text" id="time"></input>
</div>
layer.open({
content: $("#layout").html(),
success: function(){
laydate({
"elem": "#time"
});
}
});
執(zhí)行，發(fā)現(xiàn)無論怎么點(diǎn)擊輸入框，時(shí)間控件都出不來，也就是說，這種寫法下，laydate失效了。然后在官網(wǎng)中找到一個(gè)帖子上說，把content: $("#layout").html()改成content: $("#layout")即可，驚喜的發(fā)現(xiàn)真的可以，效果如下：
效果是實(shí)現(xiàn)了，可是頂部的[object object]是什么鬼？
一開始，通過css將頂部的[object object]隱藏了，但是總覺得很別扭。然后經(jīng)過一番折騰之后發(fā)現(xiàn)，其實(shí)只要指定下層的類型為頁面層就可以完美的解決這個(gè)問題：
layer.open({
layer: 1,
content: $("#layout").html(),
success: function(){
laydate({
"elem": "#time"
});
}
});
注：使用的版本分別為layer3.x.x.，laydate1.x.x，其他版本搭配是否可以直接設(shè)置時(shí)間未測試。
以上這篇解決在layer.open中使用時(shí)間控件laydate失敗的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)滾動(dòng)消息通知，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-02-02
JavaScript數(shù)據(jù)庫TaffyDB用法實(shí)例分析
這篇文章主要介紹了JavaScript數(shù)據(jù)庫TaffyDB用法,實(shí)例分析了TaffyDB數(shù)據(jù)庫的定義、查詢、更新、刪除等操作的相關(guān)使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了JS使用棧判斷給定字符串是否是回文算法,涉及基于javascript棧的構(gòu)造、遍歷、判斷等相關(guān)操作技巧,需要的朋友可以參考下2019-03-03
一些javascript常見函數(shù)，方便當(dāng)作學(xué)習(xí)參考2008-05-05
JavaScript中replace函數(shù)方法是返回根據(jù)正則表達(dá)式進(jìn)行文字替換后的字符串的復(fù)制。使用方法:其中stringObj是必選項(xiàng)。要執(zhí)行該替換的 String 對(duì)象或字符串文字。2015-04-04
原生javascript實(shí)現(xiàn)addClass,removeClass,hasClass函數(shù)
這篇文章主要介紹了原生javascript實(shí)現(xiàn)addClass,removeClass,hasClass函數(shù)的相關(guān)代碼，有需要的小伙伴可以參考下2016-02-02
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)帶索引的城市列表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了js壓縮利器2007-02-02
flv.js是一款優(yōu)秀的開源web端flv文件播放器，flv格式目前廣泛應(yīng)用在直播及音視頻錄制領(lǐng)域，本文就詳細(xì)的介紹一下flv.js的具體使用教程，感興趣的可以了解一下2023-05-05
JavaScript設(shè)計(jì)模式之外觀模式實(shí)例
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之外觀模式實(shí)例,本文用一些代碼實(shí)例來講解JavaScript中的外觀模式,需要的朋友可以參考下2014-10-10