首页 > Windows开发 > 详细

ng-zorro datapicker 遇到了禁用分钟的bug

时间:2020-05-21 13:28:18      阅读:67      评论:0      收藏:0      [点我收藏+]

  项目中使用 datepicker 来选择日期时间,遇到了个插件本身的问题

技术分享图片

 

   如图,当前时间为 11:57,下方选择的时间为 12:40,要求下方的时间不能超过上边的时间

  底层 showtime 绑定了个方法,用来设置禁用的分钟数组:

技术分享图片

 

   这里 hour 在初始化时,一直传过来的是当前时间的小时数:11,而不是选中的小时数 12。就导致 12 时对应的分钟除了 大于 57 的,都不能选择:

技术分享图片

 

   看了下时间日期的界面,是切换的时候实时添加上去的,<nz-timepicker-inner> ,切换到日期又消失了,想到了一个速成的办法:

  每次点击开时间选择框,都会触发禁用分钟的校验,60次,那就在初始化时间界面的时候规避掉它内部传入的不正确值:

技术分享图片

 

   在打开日期面板的时候,重置计数器,问题解决~

ng-zorro datapicker 遇到了禁用分钟的bug

原文:https://www.cnblogs.com/guofan/p/12929887.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!