element-ui的时间选择器时差8小时问题

最近公司项目用到了Vue.js，和它一块的是ElementUI控件。当使用ElementUI的日期选择器DatePicker时，发现后台数据库中存的时间总是和想要的时间差8个小时，开始以为是数据库时区的问题。后来才发现是ElementUI日期控件的问题。自己选好的日期，和DatePicker绑定的值总是差8个小时。看了下官方属性介绍，发现使用value-format可以解决这个问题。代码如下：

这里需要注意一下，value-format是elementUI2.x版本才有的属性，在早期的1.x版本里面是不存在的。如果你用的是早期的版本要解决这个问题就需要自己写转换了，前端和后端都行。哪个方便按哪个来。

原文来自：http://www.mamicode.com/info-detail-2384644.html

分割线，2018.10.23日更新

其实上面的文章只是解决了我的时差的问题，但是我的项目里面还有一个需求：end-time-start-time>60min
而用到的value-format只是得到一个value值，需要用到date.parse(time)这个函数，将时间转化为时间戳，其中的time的格式一定要注意，如果像上面的value-format="yyyy-MM-dd-hh-mm-ss"那么加减得到的值一直都是NAN，正确的格式是：value-format="yyyy-MM-dd HH:mm:ss"再运用转化时间戳函数，就可以得到你想要的时差。