摘要:在使用日期插件時(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
閱讀 1140·2021-09-22 15:32
閱讀 1735·2019-08-30 15:53
閱讀 3268·2019-08-30 15:53
閱讀 1420·2019-08-30 15:43
閱讀 465·2019-08-28 18:28
閱讀 2584·2019-08-26 18:18
閱讀 677·2019-08-26 13:58
閱讀 2540·2019-08-26 12:10