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

[Bug Report] el-date-picker type datetime, selection time and seconds can not be clicked, sliding can be, but can not be accurately selected #16732

Closed
htmlzhoyan opened this issue Jul 25, 2019 · 9 comments

Comments

@htmlzhoyan
Copy link

Element UI version

2.10.1

OS/Browsers version

Chrome

Vue version

2.6.10

Reproduction Link

https://codepen.io/pen/?&editable=true

Steps to reproduce

拉取el-date-picker组件并选择 type = datetime 后,选择时分秒无法点击选择,滑动是可以,但是无法精确选择。
https://codepen.io/pen/?&editable=true 可以在官网在线运行,查看。

What is Expected?

选择时分秒时可以点击选择

What is actually happening?

选择时分秒时无法点击。

@element-bot element-bot changed the title [Bug Report] el-date-picker type类型datetime,选择时分秒无法点击选择,滑动可以,但是无法精确选择 [Bug Report] el-date-picker type datetime, selection time and seconds can not be clicked, sliding can be, but can not be accurately selected Jul 25, 2019
@element-bot
Copy link
Member

Translation of this issue:

Element UI version

2.10.1

OS/Browsers version

Chrome

Vue version

2.6.10

Reproduction Link

Https://codepen.io/pen/?&editable=true

Steps to reproduce

After pulling out the el-date-picker component and selecting type = datetime, the selection time and seconds can not be clicked to select, sliding is possible, but can not be accurately selected.

Https://codepen.io/pen/?&editable=true can be run online on the official website and viewed.

What is Expected?

When selecting time and seconds, you can click Select

What is actually happening?

Cannot click when choosing time and seconds.

@gentlecoder
Copy link

https://codepen.io/gentlecoder/pen/gVMzpg
可以的呀

@jerecui
Copy link

jerecui commented Jul 29, 2019

https://codepen.io/gentlecoder/pen/gVMzpg
可以的呀

如果value-format 是yyyy-MM-dd'T'HH:mm:ss 则会出现这样的问题。
比如

 <el-date-picker v-model="value1" type="datetime" placeholder="选择日期" value-format="yyyy-MM-dd'T'HH:mm:ss">

这样是失败的。

2.8.2版本是好的,自 2.9.0 版本开始不支持。

@htmlzhoyan
Copy link
Author

https://codepen.io/gentlecoder/pen/gVMzpg
可以的呀
我是用谷歌浏览器打开,还是无法点击选择时分秒,只能滑动选择

@htmlzhoyan
Copy link
Author

https://codepen.io/gentlecoder/pen/gVMzpg
可以的呀

如果值格式是YYYY-MM-dd'T'HH:MM:SS则会出现这样的问题。
比如

 < el - date - picker v - model =  value1  type =  datetime  placeholder = “选择日期” value - format =  yyyy-MM-dd'T'HH:mm:ss  >

这样是失败的。

2.8.2版本是好的,自2.9.0版本开始不支持。

我的是 value-format="yyyy-MM-dd HH:mm:ss" 时,不过,即使我去掉了,也依旧无法通过点击获取时分秒,我用的是谷歌浏览器打开的,不知道是不是浏览器的问题

@ziyoung
Copy link
Contributor

ziyoung commented Jul 31, 2019

无法重现。

@ziyoung ziyoung closed this as completed Jul 31, 2019
@jerecui
Copy link

jerecui commented Jul 31, 2019

无法重现。

https://codepen.io/jerecui/pen/Vobxgg

@IRoye
Copy link

IRoye commented Aug 1, 2019

遇到类似问题了,el-date-picker时间中的hour点击无效。测试环境中一直没有出现,生产环境中出现了。其次,input编辑hour, 编辑完成,最后还是回到编辑前的时间。
这个一般情况下还真的不好重现。
@ziyoung

@mlzzen
Copy link

mlzzen commented Aug 23, 2019

Edge dev 78.0.249.1 版遇到了其它的问题,滚动到23时的时候,会自动回到20时。不过把浏览器分辨率从1920*1080 缩小一些,就正常了。
2333

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

7 participants