lin-cms-vue icon indicating copy to clipboard operation
lin-cms-vue copied to clipboard

el-date-picker选择日期后返回给后端的时间戳不正确

Open veigarwang opened this issue 2 years ago • 0 comments

重现步骤(可选): 使用el-date-picker组件,代码如下

<el-form-item label="购买日期" prop="date_purchased">
                <el-date-picker
                  v-model="form.date_purchased"
                  type="date"
                  placeholder="选择购买日期"
                  :picker-options="pickerOptions"
                >
                </el-date-picker>

期望的结果是什么? 后端收到正确的日期 实际的结果是什么? 我选择2022-05-20,后端收到的是减少了8小时的结果(2022-05-19 16:00:00.000),貌似是UTC时间 在网上查了下解决方案,

  1. VUE 2.*之后的版本加了这个属性:value-format="yyyy-MM-dd-hh-mm-ss" 以解决差8小时的问题 实测:增加此属性以后会报错,组件无法加载到数据也无法进行选择 Error in getter for watcher "parsedValue": "TypeError: e.match is not a function"
  2. 通过监听改成String数据类型
watch: {
    "date_purchased"(val) {
      this.date_purchased = '' + val
    },
  },

实测:无效

veigarwang avatar May 21 '22 11:05 veigarwang