Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[t-time-picker] 点开时间弹框无法直接选中第一个时间 #4912

Open
PandaMiV opened this issue Jan 9, 2025 · 1 comment
Open
Labels
🎨 Design Design and interactive to be published to be published

Comments

@PandaMiV
Copy link

PandaMiV commented Jan 9, 2025

tdesign-vue-next 版本

1.9.9

重现链接

https://tdesign.tencent.com/vue-next/components/time-picker#%E6%97%B6%E9%97%B4%E5%8C%BA%E9%97%B4%E9%80%89%E6%8B%A9%E5%99%A8

重现步骤

<t-time-picker
v-model="period.time"
:disabled="period.periodDisabled"
:disable-time="disableTime"
:hide-disabled-time="true"
@Focus="(event) => timeFocus(event, index)"
/>
如果绑定值period.time为空,点开选择时间无法直接选中"00:00:00";
在不显示禁用时间的情况下,如果绑定值为空period.time且可选择的第一个时间为"08:00:00",同样无法直接选择"08:00:00";
都需要翻滚一下时间列表才能选择第一个时间
官网示例也是这样的,在刚打开弹框"00:00:00"时“确定”按钮为禁用状态

期望结果

点开弹框可以直接选中第一个时间

实际结果

现在点开第一个时间无法选择,需要来回翻动列表才能选

框架版本

Vue(3.3.13)

浏览器版本

Chrome(131.0.6778.205)

系统版本

No response

Node版本

v18.17.1

补充说明

No response

Copy link
Contributor

github-actions bot commented Jan 9, 2025

👋 @PandaMiV,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 Design Design and interactive to be published to be published
Projects
None yet
Development

No branches or pull requests

2 participants