成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

geekzhou / 697人閱讀

摘要:在使用日期插件時(shí),一般情況下是點(diǎn)擊標(biāo)簽觸發(fā)彈出層,把選中的日期渲染到該標(biāo)簽如果是點(diǎn)擊一個(gè)圖片,把選中日期渲染到另一個(gè)標(biāo)簽內(nèi)怎么操作呢如果頁(yè)面有個(gè)輸入框呢類似于這樣其實(shí)不難,只要在插件和頁(yè)面中添加一些代碼即可預(yù)定日期預(yù)訂票僅當(dāng)日有效預(yù)定日期預(yù)

在使用zepto.mdater日期插件時(shí),一般情況下是點(diǎn)擊input標(biāo)簽觸發(fā)彈出層,把選中的日期渲染到該標(biāo)簽:

如果是點(diǎn)擊一個(gè)圖片,把選中日期渲染到另一個(gè)標(biāo)簽內(nèi)怎么操作呢?如果頁(yè)面有2個(gè)輸入框呢?類似于這樣:

其實(shí)不難,只要在插件zepto.mdater.js和頁(yè)面js中添加一些代碼即可:
html:

預(yù)定日期

預(yù)定日期

因?yàn)?個(gè)日期框都要調(diào)取zepto.mdater.js插件,當(dāng)你點(diǎn)擊其中一個(gè),彈出日歷時(shí),插件js接收到的是2個(gè)span,,選中日期會(huì)同時(shí)渲染到2個(gè)框內(nèi):

只需在頁(yè)面js寫(xiě)2行代碼即可:

js代碼:

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

結(jié)果:

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/88749.html

相關(guān)文章

  • js 遮罩效果

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

    li21 評(píng)論0 收藏0
  • js 遮罩效果

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

    caige 評(píng)論0 收藏0
  • js 遮罩效果

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

    yexiaobai 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<