摘要:在使用日期插件時,一般情況下是點擊標簽觸發(fā)彈出層,把選中的日期渲染到該標簽如果是點擊一個圖片,把選中日期渲染到另一個標簽內(nèi)怎么操作呢如果頁面有個輸入框呢類似于這樣其實不難,只要在插件和頁面中添加一些代碼即可預(yù)定日期預(yù)訂票僅當日有效預(yù)定日期預(yù)
在使用zepto.mdater日期插件時,一般情況下是點擊input標簽觸發(fā)彈出層,把選中的日期渲染到該標簽:
如果是點擊一個圖片,把選中日期渲染到另一個標簽內(nèi)怎么操作呢?如果頁面有2個輸入框呢?類似于這樣:
其實不難,只要在插件zepto.mdater.js和頁面js中添加一些代碼即可:
html:
預(yù)定日期
預(yù)定日期
因為2個日期框都要調(diào)取zepto.mdater.js插件,當你點擊其中一個,彈出日歷時,插件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://m.hztianpu.com/yun/88749.html
閱讀 1207·2021-09-22 15:32
閱讀 1789·2019-08-30 15:53
閱讀 3311·2019-08-30 15:53
閱讀 1468·2019-08-30 15:43
閱讀 518·2019-08-28 18:28
閱讀 2642·2019-08-26 18:18
閱讀 746·2019-08-26 13:58
閱讀 2588·2019-08-26 12:10