解決在layer.open中使用時(shí)間控件laydate失敗的問(wèn)題
今天有個(gè)需要，用戶進(jìn)入頁(yè)面的時(shí)候，彈出一個(gè)彈窗，彈窗中選擇一個(gè)時(shí)間，彈窗大概是這樣的：
我的思路是，先在頁(yè)面寫好彈窗內(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)無(wú)論怎么點(diǎn)擊輸入框，時(shí)間控件都出不來(lái)，也就是說(shuō)，這種寫法下，laydate失效了。然后在官網(wǎng)中找到一個(gè)帖子上說(shuō)，把content: $("#layout").html()改成content: $("#layout")即可，驚喜的發(fā)現(xiàn)真的可以，效果如下：
效果是實(shí)現(xiàn)了，可是頂部的[object object]是什么鬼？
一開始，通過(guò)css將頂部的[object object]隱藏了，但是總覺得很別扭。然后經(jīng)過(guò)一番折騰之后發(fā)現(xiàn)，其實(shí)只要指定下層的類型為頁(yè)面層就可以完美的解決這個(gè)問(wèn)題：
layer.open({
layer: 1,
content: $("#layout").html(),
success: function(){
laydate({
"elem": "#time"
});
}
});
注：使用的版本分別為layer3.x.x.，laydate1.x.x，其他版本搭配是否可以直接設(shè)置時(shí)間未測(cè)試。
以上這篇解決在layer.open中使用時(shí)間控件laydate失敗的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
javascript創(chuàng)建動(dòng)態(tài)表單的方法
這篇文章主要介紹了javascript創(chuàng)建動(dòng)態(tài)表單的方法,實(shí)例分析了javascript動(dòng)態(tài)操作頁(yè)面表單元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
使用three.js 繪制三維帶箭頭線的詳細(xì)過(guò)程
遇到一個(gè)需求，在一個(gè)地鐵場(chǎng)景里展示逃生路線，為了畫這個(gè)箭頭，我花費(fèi)了很多時(shí)間精力，下面基于使用three.js 繪制三維帶箭頭線的詳細(xì)過(guò)程分享給大家，感興趣的朋友一起看看吧2021-10-10
document.documentElement的一些使用技巧
documentElement 屬性可返回文檔的根節(jié)點(diǎn)，接下來(lái)為大家詳細(xì)介紹下document.documentElement的一些使用技巧，感興趣的朋友可以參考下哈2013-04-04
前端實(shí)現(xiàn)文件下載的幾種常用方式總結(jié)
這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)文件下載的兩種常用方式,兩種方法均通過(guò)創(chuàng)建臨時(shí)URL并觸發(fā)下載實(shí)現(xiàn),文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-11-11
這篇文章主要為大家介紹了websocket直接繞過(guò)JS加密的示例及思路原理，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪2022-04-04
ActiveX控件的使用-js實(shí)現(xiàn)打印超市小票功能代碼詳解
這篇文章主要介紹了ActiveX控件的使用-js實(shí)現(xiàn)打印超市小票功能代碼詳解，具有一定參考價(jià)值，需要的朋友可以了解下。2017-11-11
本文介紹js如何顯示最后修改時(shí)間，在頁(yè)面的文本框中顯示文件上一次被修改的時(shí)間，通過(guò)這種方法可以查看網(wǎng)頁(yè)的更新時(shí)間,有需要的朋友可以參考下2013-01-01
JS實(shí)現(xiàn)網(wǎng)絡(luò)請(qǐng)求的三種方式梳理
本文主要為大家介紹了基于 XMLHttpRequest、Promise、async/await 等三種異步網(wǎng)絡(luò)請(qǐng)求的寫法，文中的示例代碼講解詳細(xì)，感興趣的可以學(xué)習(xí)一下2022-03-03
electron多標(biāo)簽頁(yè)模式更像客戶端的實(shí)現(xiàn)示例
本文主要介紹了electron多標(biāo)簽頁(yè)模式更像客戶端,通過(guò)創(chuàng)建和管理多個(gè)網(wǎng)頁(yè)視圖或使用現(xiàn)成組件來(lái)實(shí)現(xiàn)類似Web瀏覽器的標(biāo)簽頁(yè)功能,具有一定的參考價(jià)值,感興趣的可以了解一下2024-11-11
如何更改js的alert樣式如：彈出對(duì)話框時(shí)的背景顏色、背景透明等等，下面有效果圖，感興趣的朋友可以學(xué)習(xí)下2014-01-01