移動端 jQuery日期插件---zepto.mdater (底部彈出層)

geekzhou 發布于2019-08-21 16:48 / 695人閱讀

摘要：在使用日期插件時，一般情況下是點擊標簽觸發彈出層，把選中的日期渲染到該標簽如果是點擊一個圖片，把選中日期渲染到另一個標簽內怎么操作呢如果頁面有個輸入框呢類似于這樣其實不難，只要在插件和頁面中添加一些代碼即可預定日期預訂票僅當日有效預定日期預

在使用zepto.mdater日期插件時，一般情況下是點擊input標簽觸發彈出層，把選中的日期渲染到該標簽：

如果是點擊一個圖片，把選中日期渲染到另一個標簽內怎么操作呢？如果頁面有2個輸入框呢？類似于這樣：

其實不難，只要在插件zepto.mdater.js和頁面js中添加一些代碼即可：
html：

預定日期

因為2個日期框都要調取zepto.mdater.js插件，當你點擊其中一個，彈出日歷時，插件js接收到的是2個span，、，選中日期會同時渲染到2個框內：

只需在頁面js寫2行代碼即可：

js代碼：

然后在日期渲染成功后，把title移除了，代碼在插件zepto.mdater.js中：
zepto.mdater.js：

結果：

GPU云服務器云服務器 jquery彈出層插件 jq彈出層插件 jquery彈出層代碼時間插件移動端

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/88749.html

js 遮罩效果

摘要： -------------------------------tipswindown.js------------------------------ ///------------------------------------------------------------------------- //jQuery彈出窗口 By Await [2009-11-22] //-...

li21 2019-08-29 10:59 評論0 收藏0
js 遮罩效果

摘要： -------------------------------tipswindown.js------------------------------ ///------------------------------------------------------------------------- //jQuery彈出窗口 By Await [2009-11-22] //-...

caige 2019-08-19 18:45 評論0 收藏0
js 遮罩效果

摘要： -------------------------------tipswindown.js------------------------------ ///------------------------------------------------------------------------- //jQuery彈出窗口 By Await [2009-11-22] //-...

yexiaobai 2019-08-01 15:28 評論0 收藏0