MintUI Datetime 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 才能正常显示选择。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值