关于iview的datepicker组件的问题？！

Question

最近闲着没事做，在家里面实现iview的组件。第一个做的就是日历组件。然后现在功能、样式做得差不多了，遇到了这样的功能，发现有点棘手：

• 点击input输入框，然后日历弹出来。
• 点击日历上的日期，日历列表消失。、
• 点击日历列表（除日期外其他地方）日历列表不消失。
• 点击组件外的其他地方，日历列表消失。

iview的效果在这里,我的代码在这里
现在我的问题是：如何实现上面的这几个功能？望老司机提供思路，谢谢了！

Answer 1

你思路已经都写出来了，接下来就是怎么处理input输入框的焦点问题，以及日历控件的单击问题，以及代码的整合以及逻辑漏洞的思考就可以了啊

Answer 2

1 点击input 改变该日历的dispaly属性 也就是vue 的 v-show 加css3动画

2 点击日期里面具体的日子 也就是该日历 然后改变该日历的dispaly属性 也就是vue 的 v-show 加css3动画

3 这个只要把事件加在下面的具体日期就可以 其他列表什么的不(添加)触发该事件

4 失去焦点 文本框失去焦点就改变该日历的display属性~~~

完整的思路??