lin-cms-vue
lin-cms-vue copied to clipboard
el-date-picker选择日期后返回给后端的时间戳不正确
重现步骤(可选): 使用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时间 在网上查了下解决方案,
- VUE 2.*之后的版本加了这个属性:value-format="yyyy-MM-dd-hh-mm-ss" 以解决差8小时的问题 实测:增加此属性以后会报错,组件无法加载到数据也无法进行选择 Error in getter for watcher "parsedValue": "TypeError: e.match is not a function"
- 通过监听改成String数据类型
watch: {
"date_purchased"(val) {
this.date_purchased = '' + val
},
},
实测:无效