在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 關(guān)于iview的datepicker組件的問題?!

關(guān)于iview的datepicker組件的問題?!

最近閑著沒事做,在家里面實現(xiàn)iview的組件。第一個做的就是日歷組件。然后現(xiàn)在功能、樣式做得差不多了,遇到了這樣的功能,發(fā)現(xiàn)有點棘手:

  • 點擊input輸入框,然后日歷彈出來。
  • 點擊日歷上的日期,日歷列表消失。、
  • 點擊日歷列表(除日期外其他地方)日歷列表不消失。
  • 點擊組件外的其他地方,日歷列表消失。

iview的效果在這里,我的代碼在這里
現(xiàn)在我的問題是:如何實現(xiàn)上面的這幾個功能?望老司機提供思路,謝謝了!

回答
編輯回答
挽歌

1 點擊input 改變該日歷的dispaly屬性 也就是vue 的 v-show 加css3動畫

2 點擊日期里面具體的日子 也就是該日歷 然后改變該日歷的dispaly屬性 也就是vue 的 v-show 加css3動畫

3 這個只要把事件加在下面的具體日期就可以 其他列表什么的不(添加)觸發(fā)該事件

4 失去焦點 文本框失去焦點就改變該日歷的display屬性~~~

完整的思路??

2017年7月27日 22:47
編輯回答
初念

你思路已經(jīng)都寫出來了,接下來就是怎么處理input輸入框的焦點問題,以及日歷控件的單擊問題,以及代碼的整合以及邏輯漏洞的思考就可以了啊

2017年4月23日 09:46