当前位置: 首页 > Web前端 > vue.js

解决CUBE-UI中的时间选择器(datepicker)在Safari中无法弹出的问题

时间:2023-03-31 19:19:28 vue.js

首先说个题外话。在使用了滴滴的开源前端库cube-ui之后,开发过程很不爽。我个人理解不建议使用这个库进行开发。如果你“幸运”选择了这个图书馆,我只想说你很幸运。我个人在使用这个库开发H5的过程中遇到了一个小问题,就是这个库的datepicker组件在Android端运行正常,但是AppleSafari无法正常弹出。解决方法也很简单:this.datePicker=this.$createDatePicker({title:'SelectDate',min:newDate('2020/7/8'),max:newDate(),value:newDate(),onSelect:this.selectHandle,onCancel:this.cancelHandle})this.datePicker.show()放弃了cube-ui官方文档中min和max的初始赋值方式。官方文档中的例子是newDate('yyyy,mm,dd');Safari不支持此方法。如果改成newDate('yyyy/mm/dd'),在安卓和苹果浏览器上都能正常使用。