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

[DatePicker]交互方式能否更加统一,通过用户选择指定Props,以支持年月日都使用滚轮选择器的交互方式 #578

Open
Crpto999 opened this issue Jan 9, 2025 · 3 comments

Comments

@Crpto999
Copy link

Crpto999 commented Jan 9, 2025

这个功能解决了什么问题

左侧的年月日交互为什么不能考虑参考右侧时分秒的交互方案,这样整个组件的交互方式将更加统一且 易于理解,肉眼可见的提升选定指定日期时间的操作效率

你建议的方案是什么?

能否参考这个项目的交互方式@https://github.com/loper7/DateTimePicker
loper7_DateTimePicker_ ⭐🎉一个高颜值日期时间选择器;极简API,内置弹窗,支持农历日期显示,适配深色模式,可动态配置样式及主题,选择器支持完全自定义UI。

可能遇到的问题是对当前disableDate的支持, 因为选项将不再是固定的,尤其是日期部分

可能的一种解决方案:

当确定了其他五个字段时,任意一个字段的可用值范围取决于其所有高位字段是否命中disableDate。 此边界情况是唯一需要特殊处理的情况,否则将使用默认范围 ,
举例:
对于年,默认范围将根据disableDate,
对于月,默认范围将根据年的取值是否命中disableDate的边界,否则将使用1-12
对于日,默认范围将根据年和日的取值是否命中disableDate的边界,否则将使用 1~dayjs().daysInMonth()
此设计将使disableDate支持年月日时分秒全字段

Copy link

github-actions bot commented Jan 9, 2025

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

@uyarn uyarn transferred this issue from Tencent/tdesign-vue-next Jan 10, 2025
Copy link

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

@uyarn
Copy link
Collaborator

uyarn commented Jan 10, 2025

这个看起来是移动端的交互,移动端也确实是类似的操作 https://tdesign.tencent.com/mobile-vue/components/date-time-picker

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants