iView中时间控件选择的时间总是少一天？

前言

日期空间少一天。

方案

后端接收方式 @RequestBody

前台实现：

方式一

<Form-item label="校准日期" prop="calibrationDate">
    <date-picker style="width: 80%" type="date"
                v-model="entity.calibrationDate"
                @on-change="getCalibrationDate"
                placeholder="请选择校准日期"></date-picker>
</Form-item>

日期事件：

getCalibrationDate: function (calibrationDate) {
     vm.entity.calibrationDate = new Date(calibrationDate + " 00:00:00");
},

保存之前一定要转一下，不然还是少一天：

vm.entity.calibrationDate = formatDate(new Date(vm.entity.calibrationDate), 'yyyy-MM-dd');

方式二

新增的时候：

<form-item label="时间" prop="requestArrivalTime">
   <date-picker type="date" v-model="formApply.requestArrivalTime"
                :placeholder="请选择时间"
                @on-change="changeDate"></date-picker>
</form-item>

选择方法：

changeDate: function (dateValue, dateType) {
    vm.formApply.requestArrivalTime = dateValue;
},

验证，这里类型默认是字符串不要时间类型：

requestArrivalTime: [
    {required: true, message: "请选择时间", trigger: 'change'}
],

修改的时候，v-model 改成 :value（单向绑定）

<form-item label="时间" prop="requestArrivalTime">
   <date-picker type="date" :value="formApply.requestArrivalTime"
                :placeholder="请选择时间"
                @on-change="changeDate"></date-picker>
</form-item>

但是这种方式有个缺点，就是选择日期的时候会闪一下。