为了账号安全,请及时绑定邮箱和手机立即绑定

关于iview的datepicker组件的问题?!

关于iview的datepicker组件的问题?!

慕哥9229398 2019-02-28 18:07:20
最近闲着没事做,在家里面实现iview的组件。第一个做的就是日历组件。然后现在功能、样式做得差不多了,遇到了这样的功能,发现有点棘手:点击input输入框,然后日历弹出来。点击日历上的日期,日历列表消失。、点击日历列表(除日期外其他地方)日历列表不消失。点击组件外的其他地方,日历列表消失。iview的效果在这里,我的代码在这里现在我的问题是:如何实现上面的这几个功能?望老司机提供思路,谢谢了!
查看完整描述

2 回答

?
慕桂英3389331

TA贡献2036条经验 获得超8个赞

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


查看完整回答
反对 回复 2019-03-04
?
慕姐8265434

TA贡献1813条经验 获得超2个赞

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

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

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

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

完整的思路??


查看完整回答
反对 回复 2019-03-04
  • 2 回答
  • 0 关注
  • 2986 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信