一、picker组件在h5端和app端显示不同效果
uni的官网的说法是:picker在各平台的实现是有Ul差异的,有的平台如百度、支付宝小程序的Android端是从中间弹出的;有的平台支持循环滚动如百度小程序;有的平台没有取消按钮如App-iOs端。但均不影响功能使用。
== 日期选择默认在App端和H5端(PC版Chrome以及PC版FireFox)调用的是os的原生日期选择控件,在不同平台有不同的ui表现当配置fields参数后使用统一的展示方式。==
在H5页面的显示效果如下所示:
但是在app端的显示效果确实这样的:
二、解决方法一
由于这种时间选择器更类似于日历,而且样式简陋,所以我们干脆直接换一个组件,采用uni-datetime-picker
三、解决方法二
依然采用这种picker,我们看看如何让他保持H5于app端显示一致。
官网的说明是,配置fileds选项,分别有效值year、month、day,表示选择器的粒度,默认为 day,App 端未配置此项时使用系统UI,,我们只要重新配置一下fields ,即可实现app端与H5表现UI一致,如下图
<picker mode="date" fields="day>"