Moonofweisheng / wot-design-uni

一个基于Vue3+TS开发的uni-app组件库,提供70+高质量组件,支持暗黑模式、国际化和自定义主题。
https://wot-design-uni.pages.dev
MIT License
903 stars 147 forks source link

[Bug 上报] 时间选择组件在小程序上出现显示问题 #339

Closed WangGuan11 closed 3 months ago

WangGuan11 commented 4 months ago

Wot Design Uni 版本号

1.2.22

平台

微信小程序

复现Demo地址

https://wot-design-uni.pages.dev/component/datetime-picker.html

重现步骤

业务场景:想要实现一个时间选择不得小于当前时间。 所以加了一个 minDate ,如果不加 minDate 是无法复现问题的。 问题描述:第一次打开显示时间,是正确的

image

此时我们改变 日 的结果,时分也会改变,但是正常的结果应该是 24年5月28日08时55分 ,实际上的显示结果为 24年5月28日08时04分。

image

点击确定之后的结果,居然是24年5月28日08时55分,说明实际上的值是有改变的,只是显示上有问题。

image

测试情况1: 如果在刚刚的基础上,继续改变的话,页面显示的值是24年5月29日08时04分,点击确定的值是 24年5月29日08时04分。这个结果是正确的。 测试情况2: 如果在刚刚的基础上,继续点击选择,在组件弹窗里会显示 24年5月28日08时04分,点击确定后,依旧是这个结果。说明在重新选择时,结果也是正确的。

大概率是第一次改变之后,回显出现问题。后续的选择,回显,再次选择都是正确的。

本人经过测试,APP、H5都没问题,只有小程序(含 微信小程序、企业微信小程序)会出现问题。

以下是代码 ` html <wd-datetime-picker v-model="value" :minDate="defaultValue" label="日期选择" @confirm="handleConfirm" />

js import { ref } from 'vue' const value = ref() const defaultValue = ref(1716772642000)

function handleConfirm({ value }) { console.log(new Date(value)) } `

以下是录屏

https://github.com/Moonofweisheng/wot-design-uni/assets/86700113/2ac40041-1501-4d14-a903-7417c77f341d

期望的结果是什么?

在组件第一次改变 天 的时候,时分应该回显正确

实际的结果是什么?

在组件第一次改变 天 的时候,时分应该回显错误

环境信息

环境:HBuilderX,4.15版本(最新) 使用的是 cli 脚手架 平台:微信小程序、企业微信小程序

其他补充信息

No response

github-actions[bot] commented 2 months ago

此 issue 已被自动锁定,因为关闭后没有任何近期活动。如果有相关 bug,请重新创建一个新 issue。