网页使用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 才能正常显示选择。