u-datetime-picker使用minDate后数据不正确的问题

在微信小程序开发中遇到一个问题,使用u-datetime-picker组件时,必须先选择开始时间才能选择结束时间,并且结束时间不能早于开始时间。当设置结束时间的minDate为开始时间的时间戳后,有时弹窗显示不正确,需要额外的操作才能使时间选择框显示正确。解决方案是,在选择开始时间后立即给结束时间的v-model赋值,确保打开弹窗时显示最小时间。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题描述: 在微信小程序中使用u-datetime-picker,开始时间选择以后才能选择结束时间,开始时间为空的时候结束时间不能选择。当选择结束时间的时候弹窗中的时间应该小于开始时间。前端所做的操作是选择开始时间完成以后把开始时间的时间戳赋值结束时间的minDate,赋值是成功的,点击结束时间的时候,弹窗内时间不符合要求(如下图时间展示是对的,日期,小时,分钟都有往前选择的项),这时候操作时间选择,时间选择框才会展示出minDate的内容,点击确定也是跟开始时间一样。但是当时间日期不做操直接点击选择的情况,结束日期就会是当前时间。
在这里插入图片描述
解决办法: 选择开始时间以后,这时候打开结束时间的时候把结束时间v-model的字段赋值上结束时间的时间戳,打开弹窗内容展示正确,点击确认时间也是最小时间的时间值。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值