ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.1k stars 14.64k forks source link

[Bug Report] el-date-picker, type = "datetimerange", set the first time, and then go to set the second time, scroll the DateTimePicker drop-down options, the first time also changes #19279

Open ZhantongJiang opened 4 years ago

ZhantongJiang commented 4 years ago

Element UI version

2.13.1

OS/Browsers version

mac OS / Google Chrome

Vue version

2.6.11

Reproduction Link

https://codepen.io/zhantong/pen/MWamLpm

Steps to reproduce

1.click the el-date-picker; 2.click the fist time, set whatever the time is; 3.click the second time, scroll the DateTimePicker drop-down panel options whatever hours, minutes or seconds, when you scroll the options, the fist time also changes

What is Expected?

when you scroll the options in the second DateTimePicker drop-down panel, the fist time doesn't change

What is actually happening?

when you scroll the options in the second DateTimePicker drop-down panel, the fist time changes

maoguiyou commented 4 years ago

我也是遇到这个bug,有没有什么解决方案?

444263854 commented 4 years ago

1.type = "datetimerange" 2.开始时间和结束时间选择相同的月份 3.此时,滚动开始时间的datetime,结束时间的datetime也会跟随滚动,反之也是

444263854 commented 4 years ago

1.type = "datetimerange" 2.开始时间和结束时间选择相同的月份 3.此时,滚动开始时间的datetime,结束时间的datetime也会跟随滚动,反之也是

2.选择相同月份相同日期

也就是相同日期,不同时间,滚动其中一个时间选择器,会对另外一个时间选择器产生影响

stale[bot] commented 3 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

keylyf commented 2 years ago

最新版本(2.15.6)还有问题。当选择的起始日期和结束日期为同一天,第一次滚动开始时间时,结束时间也会同步滚动。

tanglaoji commented 6 months ago

我可以回答这个问题了。同步滚动的原因是element做了一个操作,左边时间必须小于右边的时间,当右边时间小于左边时间时就会触发联动,同理。左边大于右边也会触发。所以这不是bug,我找了一个月没找到答案,突然看着数据就豁然开朗。愿能帮助到找到这条issue的大佬们!

JoeshuTT commented 1 month ago

主要是这个左右联动影响了用户交互的,对于产品用来说他不接受你修改他选中的值,目前是想根据左边时间动态控制右边时间段,比如禁用、删除。但是组件没有暴露相关timePicker的触发事件,头大。

tanglaoji commented 1 month ago

已经收到你的邮件,我会尽快回复!