uniapp中picker组件问题

一、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>"
在这里插入图片描述

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值