ElemeFE / ElemeFE/element

[Bug Report] date picker state 'rangeState.selecting' needed to be reset to 'FALSE' after the picker panel closed.

Open
#18,627 2 comments 0 reactions 0 assignees View on GitHub
stale
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.13.0

### OS/Browsers version
chrome

### Vue version
3.0.0-alpha.1

### Reproduction Link
https://github.com/ElemeFE/element/blob/dev/packages/date-picker/src/panel/date-range.vue

### Steps to reproduce
1. set property 'picker-options' of date picker.
2. I pick a startDate but left the picker panel after then ( means no endDate clicked in this case).
3. when I try to choose a new date range, Twice clicks are needed to get the picker to right state
4. cause you didn't reset the property 'rangeState.selecting' to default value 'false' after mouse leave event.
5. I can only reset the value in @blur event by myself to fix the problem at the moment.

日期选择器,设置了pickOptions 可选时间段。
1. 选中一个初试时间,但是不选结束时间,关闭日期选择界面。
2. 重选的时候,必须要点两次,才能选中开始时间。
3. 因为关闭日期选择面板的时候,你们源码中没有重置 rangeState.selecting 这个变量为 false。
4. 我目前只能在blur事件里自己重置 e.picker.rangeState.selecting = false 才能暂时修复这个问题。

### What is Expected?
The property 'RangeState.selecting' have to be its default value 'FALSE' when date picker panel is closed each time.
每次关闭日期选择器,选中的状态属性需要重置。

### What is actually happening?
wrong state value cause a problem when I try to pick a new date.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.