最近闲着没事做,在家里面实现iview的组件。第一个做的就是日历组件。然后现在功能、样式做得差不多了,遇到了这样的功能,发现有点棘手:点击input输入框,然后日历弹出来。点击日历上的日期,日历列表消失。、点击日历列表(除日期外其他地方)日历列表不消失。点击组件外的其他地方,日历列表消失。iview的效果在这里,我的代码在这里现在我的问题是:如何实现上面的这几个功能?望老司机提供思路,谢谢了!
2 回答
慕姐8265434
TA贡献1813条经验 获得超2个赞
1 点击input 改变该日历的dispaly属性 也就是vue 的 v-show 加css3动画
2 点击日期里面具体的日子 也就是该日历 然后改变该日历的dispaly属性 也就是vue 的 v-show 加css3动画
3 这个只要把事件加在下面的具体日期就可以 其他列表什么的不(添加)触发该事件
4 失去焦点 文本框失去焦点就改变该日历的display属性~~~
完整的思路??
添加回答
举报
0/150
提交
取消