Element: [Bug Report] DatePicker daterange mode, chrome 57 can not choose the date

Created on 17 Oct 2017 · 15Comments · Source: ElemeFE/element

Element UI version

1.4.7

OS/Browsers version

win10/chrome 57

Vue version

2.5.2

Reproduction Link

https://jsfiddle.net/e6jvgge8/

Steps to reproduce

点击日期框, 弹出控件后, 无法选择日期

What is Expected?

可以正常选择日期

What is actually happening?

部分浏览器不能选择日期, chrome 61, 64 / safari 11下测试正常

help wanted

Source

lincenying

Most helpful comment

@Leopoldthecoder 我把vue版本换成2.4.4版本可以正常选择日期范围
换成最新的2.5.2版本不能正常运行.

zsedcbm on 19 Oct 2017

😄5

All 15 comments

Translation of this issue:

Element UI version

1.4.7

OS/Browsers version

Win10/chrome 57

Vue version

2.5.2

Reproduction Link

https://jsfiddle.net/e6jvgge8/

Steps to reproduce

Click the date box, pop-up control, you can not choose the date

What is Expected?

You can choose the date properly

What is actually happening?

Some browsers can't choose dates, chrome 61, 64 / Safari 11, testing is normal

element-bot on 17 Oct 2017

有动图吗？

Leopoldthecoder on 17 Oct 2017

gif

lincenying on 17 Oct 2017

点很多下才会突然有用

lincenying on 17 Oct 2017

能否帮忙验证下 2.0 里的 DatePicker 是否正常？https://jsfiddle.net/e6jvgge8/1/

Leopoldthecoder on 17 Oct 2017

@Leopoldthecoder 您好，我的Chrome版本是 56.0.2924.87 (64-bit)，对ele2.0的DatePicker也是不可以选择的

ZhongyiChen on 17 Oct 2017

@Leopoldthecoder 在chrome 57和1.4.7下一样的问题, 要点很多次, 才突然有用...

lincenying on 17 Oct 2017

DatePicker daterange 在 QQ 浏览器9.6.4 ， win8 有同样的问题

lyixuan on 18 Oct 2017

我也遇到了这样的问题;

win 10 : 360 ,chrome 57 个别低一些的版本,QQ 全军覆没;

chrome 61 和 firefox 正常;


 "dependencies": {
    "axios": "^0.16.2",
    "element-ui": "^1.4.7",
    "es6-promise": "^4.1.1",
    "fastclick": "^1.0.6",
    "lodash": "^4.17.4",
    "moment": "^2.19.1",
    "normalize.css": "^7.0.0",
    "qs": "^6.5.1",
    "vue": "^2.5.2",
    "vue-router": "^2.8.1"
  }

扎心了。。已经上了正式环境。。。。

crper on 18 Oct 2017

同样不能用,更奇葩的是,在同一个浏览器(360极速浏览器9,chrome内核55 )下,
我下载的vue-element-admin 项目中引用的是element-ui:'1.4.2' 在这个里面是可以正常使用 date-picker
后来我创建了一个单独的页面,却不能正常使用,代码是从官网直接复制 hello world 代码段,然后将自定义控件代码段添加进来,data里面增加了一个字段的.

zsedcbm on 19 Oct 2017

找到问题了,貌似是vue的bug吧,我把vue的版本修改为 2.4.2 就能够正常选择了.

zsedcbm on 19 Oct 2017

@Leopoldthecoder 我把vue版本换成2.4.4版本可以正常选择日期范围
换成最新的2.5.2版本不能正常运行.

zsedcbm on 19 Oct 2017

😄5

在dialog里面的datepicker第一次能用，取消之后就再也不能用了。
原因是dialog的遮罩层的z-index在弹窗再次打开后会设置的比datapicker的z-index高。
这应该是bug吧、、、