解决el-date-picker组件8小时时间差问题

2,830 阅读1分钟

一、问题描述

  • 使用el-date-picker组件时由于组件默认时间为国际标准时间,与东八区(北京时间)差8个小时。

二、解决方案

核心属性formatvalue-format

image.png

注意事项

  • value-formatformat 的时间格式大小写一致, image.png
  • 时间格式中T表示分隔符,Z表示的是UTC
  • 例:如果 format="YYYY-MM-DD HH:mm:ss"value-format="YYYY-MM-DDTHH:mm:ss.000Z"

格式参考

image.png

代码

<el-date-picker
  v-model="addForm.transactionTime"
  type="datetime"
  format="YYYY-MM-DD HH:mm:ss"
  value-format="YYYY-MM-DDTHH:mm:ss.000Z"
  placeholder="请选择交易时间"
/>