MintUIDatetime picker iOS端显示不完全

网页使用MintUI移动端组件的时间选择器:

1.引入时间选择器组件

import { DatetimePicker } from 'mint-ui'

components:{DatetimePicker} //定义为组件

2.放置在页面

<DatetimePicker :startDate="startDate" :endDate="endDate" ref="picker" type="date" ></DatetimePicker>

其中:startDate属性为开始时间 endDate为结束时间
设置开始时间和结束时间,使用Date对象

this.startDate = new Date('1999-9-9');
this.endDate = new Date();

在安卓端可以正常显示,但在iOS端将不会显示出年份,也不能滚动选择。

3.iOS显示不完全原因

iOS 端对应Date对象的转换字符串有格式要求,需要用 / 来作为间隔。
因此需要:

this.startDate = new Date('1999/9/9');

这样iOS端才能转换为正确的Date对象。调用Datetime Picker 才能正常显示选择。

上一篇:hhd小程序——单列和多列picker选择器(二)


下一篇:vue移动端项目实现弹框选择器功能