摘要:在使用日期插件時,一般情況下是點(diǎn)擊標(biāo)簽觸發(fā)彈出層,把選中的日期渲染到該標(biāo)簽如果是點(diǎn)擊一個圖片,把選中日期渲染到另一個標(biāo)簽內(nèi)怎么操作呢如果頁面有個輸入框呢類似于這樣其實(shí)不難,只要在插件和頁面中添加一些代碼即可預(yù)定日期預(yù)訂票僅當(dāng)日有效預(yù)定日期預(yù)
在使用zepto.mdater日期插件時,一般情況下是點(diǎn)擊input標(biāo)簽觸發(fā)彈出層,把選中的日期渲染到該標(biāo)簽:
如果是點(diǎn)擊一個圖片,把選中日期渲染到另一個標(biāo)簽內(nèi)怎么操作呢?如果頁面有2個輸入框呢?類似于這樣:
其實(shí)不難,只要在插件zepto.mdater.js和頁面js中添加一些代碼即可:
html:
預(yù)定日期
預(yù)定日期
因?yàn)?個日期框都要調(diào)取zepto.mdater.js插件,當(dāng)你點(diǎn)擊其中一個,彈出日歷時,插件js接收到的是2個span,、,選中日期會同時渲染到2個框內(nèi):
只需在頁面js寫2行代碼即可:
js代碼:
然后在日期渲染成功后,把title移除了,代碼在插件zepto.mdater.js中:
zepto.mdater.js:
結(jié)果:
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/88749.html
摘要: -------------------------------tipswindown.js------------------------------ ///------------------------------------------------------------------------- //jQuery彈出窗口 By Await [2009-11-22] //-...
閱讀 1122·2021-09-22 15:32
閱讀 1722·2019-08-30 15:53
閱讀 3253·2019-08-30 15:53
閱讀 1404·2019-08-30 15:43
閱讀 453·2019-08-28 18:28
閱讀 2567·2019-08-26 18:18
閱讀 669·2019-08-26 13:58
閱讀 2528·2019-08-26 12:10