有很多博客的解决方案是在提交到后端接口之前调用moment的utcOffset方法手动修改8小时时差,但这样做太麻烦了。这里给出element和element-plus两个版本更优雅的解决方案。
核心就是要增加value-format
属性,但是由于element和element-plus的日期格式不一致,所以大小写有所区别,大小写写错的话是没有效果的。
element
<el-date-picker
v-model="model"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
element-plus
<el-date-picker
v-model="model"
type="date"
value-format="YYYY-MM-DD"
format="YYYY-MM-DD"
></el-date-picker>
<el-date-picker
v-model="model"
type="date"
value-format="YYYY-MM-DDTHH:mm:ss"
format="YYYY-MM-DD"
></el-date-picker>
无论type是date还是datetime都可以用这种解决方法。