uni-app uni-datetime-picker支付宝小程序真机测试点击无效

uni-app uni-datetime-picker支付宝小程序真机测试点击无效

操作步骤：

<uni-datetime-picker v-model="datetimerange" type="datetimerange" rangeSeparator="至" :border='false' :clear-icon='false'/>

预期结果：

可以弹出

实际结果：

无法弹出

bug描述：

<uni-datetime-picker v-model="datetimerange" type="datetimerange" rangeSeparator="至" :border='false' :clear-icon='false'/>

在支付宝小程序-开发者工具上可以点击弹出，真机无法弹出


更多关于uni-app uni-datetime-picker支付宝小程序真机测试点击无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

我使用4.75版本的hx测试并没有出现无法弹出的问题，你升级到最新版本的hx试试还有没有问题

更多关于uni-app uni-datetime-picker支付宝小程序真机测试点击无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


我最后改好了，发现是uni-datetime-picker.vue中platform这个方法里的判断有问题，导致isPhone不为true，从而弹不出来。具体错误原因没深究，你们可以看下，支付宝mPaaS小程序下百分之百复现。

在支付宝小程序真机环境下，uni-datetime-picker组件点击无效是已知的兼容性问题。主要原因包括：

  1. 支付宝小程序平台对uni-app组件的原生支持存在差异，真机环境比开发者工具限制更多
  2. datetimerange类型在部分支付宝小程序版本中存在事件绑定问题

解决方案：

  • 临时方案：将type改为"date"或"datetime"单日期选择，避免使用range类型
  • 替代方案：使用支付宝原生picker组件，通过条件编译实现
<!-- #ifdef MP-ALIPAY -->
<view [@tap](/user/tap)="showAlipayPicker">选择时间</view>
<!-- #endif -->
回到顶部