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] DatePicker 使用value-format="yyyy-MM-dd"后,显示的时间会比时间时间少一天 #18404

Open nightmaring opened 4 years ago

nightmaring commented 4 years ago

Element UI version

2.13.0

OS/Browsers version

chrome

Vue version

2.6.10

Reproduction Link

https://codepen.io/pen/

Steps to reproduce

打开官网例子,将value1、value2的值设置成“2019-12-21T16:00:00.000 0000”,然后就会发现使用value-format的组件会少一天

What is Expected?

显示正常

What is actually happening?

显示少一天

问题如图 image

ivila commented 4 years ago

看图的话,是显示的时间比所想要的时间多一天吧

你的重现链接是不是贴错了(手动 laugh cry) 我觉得可能是时区的问题:

new Date('2019-12-21T16:00:00.000+0000');
// 输出 Sun Dec 22 2019 00:00:00 GMT+0800 (中国标准时间)

image

new Date('2019-12-21T16:00:00.000+0800')
// 输出 Sat Dec 21 2019 16:00:00 GMT+0800 (中国标准时间)

image

只能说element-ui格式化时间的时候按照中国的时区来格式化了,然后你定义的时间,从中国时区来说,就是12月22号呀。

nightmaring commented 4 years ago

看图的话,是显示的时间比所想要的时间多一天吧

你的重现链接是不是贴错了(手动笑哭) 我觉得可能是时区的问题:

new Date('2019-12-21T16:00:00.000+0000');
// 输出 Sun Dec 22 2019 00:00:00 GMT+0800 (中国标准时间)

图片

new Date('2019-12-21T16:00:00.000+0800')
// 输出 Sat Dec 21 2019 16:00:00 GMT+0800 (中国标准时间)

图片

只能说element-ui格式化时间的时候遵循中国的时区来格式化了,然后你定义的时间,从中国时区来说,就是12月22号呀。

重现链接是官方例子,我在例子里面的value1,value2加上初始时间之后,发现组件使用value-format 会晚一天,正常是12月22号,使用value-format显示12月21号

lynweiaini commented 4 years ago

这个问题解决了吗,我这边也遇到这个问题了

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.