ant-design-vue icon indicating copy to clipboard operation
ant-design-vue copied to clipboard

DataTimePicker: State information is unknown when the end date is selected with the mouse on the datetimerangepicker

Open ozgurkisa opened this issue 2 years ago • 2 comments

  • [x] I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.2.12

Environment

Vue 3.2.26

Reproduction link

Edit on CodeSandbox

Steps to reproduce

If the ok button is clicked after the start date is selected, there is no problem. However, if the end date is selected with the mouse without clicking the arrow button after the start date is selected, the state is not observal.

Working case (Click to Ok Button and 1 month later disabled) Screen Shot 2022-09-20 at 13 24 33

Not Working case (Mouse click to end date) Screen Shot 2022-09-20 at 13 24 52

Steps:

  1. start date is choose
  2. without clicking ok, click on end date with mouse

Result: disable dates is seen not working

What is expected?

If end date can be selected without clicking the arrow button, it must be set to the state. Or onSelected event should be added. Because this is a condition for us to add disable dates.

What is actually happening?

Nothing

ozgurkisa avatar Sep 13 '22 11:09 ozgurkisa

Hello @ozgurkisa. Please provide a online reproduction by forking this link for vue2link for vue3 or a minimal GitHub repository. Make sure to choose the correct version.

你好 @ozgurkisa, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 for vue2此处 for vue3 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。

github-actions[bot] avatar Sep 13 '22 13:09 github-actions[bot]

@tangjinzhou Added images for easier understanding.

ozgurkisa avatar Sep 20 '22 10:09 ozgurkisa

If not click ok, dates is empty, you can see this https://www.antdv.com/components/date-picker-cn#components-date-picker-demo-select-in-range

tangjinzhou avatar Sep 27 '22 02:09 tangjinzhou

https://www.antdv.com/components/date-picker-cn#components-date-picker-demo-select-in-range

@tangjinzhou Yes, dates is empty but i can't show disabled end date. Because I don't know the start date.

Case After selecting the start date, without pressing OK. Select the end date with the mouse.

ozgurkisa avatar Oct 03 '22 07:10 ozgurkisa

you should use calendarChange and change like https://www.antdv.com/components/date-picker-cn#components-date-picker-demo-select-in-range

tangjinzhou avatar Oct 04 '22 02:10 tangjinzhou

OK Click when triggered calendarChange ok-click

Mouse Click to End Date mouse-change

OnChange Calendar does not trigger when end date is selected with mouse. that's already the problem @tangjinzhou tangjinzhou Reproduction link : https://codesandbox.io/s/range-picker-ant-design-vue-3-2-12-forked-331gej?file=/src/demo.vue

ozgurkisa avatar Oct 05 '22 10:10 ozgurkisa

Since the issue was labeled with Need Reproduce, but no response in 7 days. This issue will be closed. If you have any questions, you can comment and reply.

由于该 issue 被标记为需要复现信息,却 7 天未收到回应。现关闭 issue,若有任何问题,可评论回复。

github-actions[bot] avatar Oct 13 '22 01:10 github-actions[bot]

Since the issue was labeled with Need Reproduce, but no response in 7 days. This issue will be closed. If you have any questions, you can comment and reply.

Why was it closed even though I answered it? Even your bot is not working properly. @tangjinzhou @chsword @zeratul1 @jprudent

ozgurkisa avatar Oct 13 '22 10:10 ozgurkisa

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

github-actions[bot] avatar Oct 14 '23 00:10 github-actions[bot]