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