Skip to content

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

@WangGuan11

Description

@WangGuan11

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))
}
`

以下是录屏

RPReplay_Final1716771339.MP4

期望的结果是什么?

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

实际的结果是什么?

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

环境信息

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

其他补充信息

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions