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.

Sign up for GitHub

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

Jump to bottom

CalendarPicker组件当min max设置较大范围卡顿 #6710

Open
ad-imn opened this issue Aug 8, 2024 · 4 comments
Open

CalendarPicker组件当min max设置较大范围卡顿 #6710

ad-imn opened this issue Aug 8, 2024 · 4 comments
Labels
bug

Comments

@ad-imn
Copy link

ad-imn commented Aug 8, 2024

Version of antd-mobile

5.37.1

Operating system and its version

No response

Browser and its version

No response

Sandbox to reproduce

No response

What happened?

CalendarPicker组件当min max设置较大范围时，唤起跟收起CalendarPicker的popup会非常卡顿，期望做虚拟滚动之类的逻辑，保障交互流畅

Relevant log output

No response
@ad-imn ad-imn added the bug label Aug 8, 2024
@ad-imn ad-imn closed this as completed Aug 8, 2024
@ad-imn ad-imn reopened this Aug 8, 2024
@zombieJ
Copy link
Member

zombieJ commented Aug 9, 2024

嗯，现在是全部渲染的。没有做虚拟面板……

@ad-imn
Copy link
Author

ad-imn commented Aug 9, 2024

这个问题感觉挺严重的 ，目前基本上范围设置个当前时间前后五到十年就会很明显的卡顿了，但是这个范围其实也远远无法满足正常的业务场景需求，而且如果范围很大的话目前这个单纯的滚动选择时间范围的交互方式可能也是一个很大的问题

@Layouwen
Copy link
Member

Layouwen commented Aug 9, 2024

这个问题感觉挺严重的 ，目前基本上范围设置个当前时间前后五到十年就会很明显的卡顿了，但是这个范围其实也远远无法满足正常的业务场景需求，而且如果范围很大的话目前这个单纯的滚动选择时间范围的交互方式可能也是一个很大的问题

或者可以先用 Select + max min 的方式做分页过渡一下
分页的形式imageimage

@LLmoskk LLmoskk mentioned this issue Oct 24, 2024
Open
@LLmoskk
Copy link

LLmoskk commented Oct 24, 2024

我尝试了修复这个问题 https://github.com/ant-design/ant-design-mobile/pull/6766/files

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@zombieJ @LLmoskk @ad-imn @Layouwen