前后端传出格式不一致
前端部分:
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="打卡时间" prop="jfTime">
<el-date-picker clearable
v-model="form.jfTime"
type="datetime"
format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择打卡时间"
@change="handleDateTimeChange(form.jfTime)"
>
</el-date-picker>
</el-form-item>
methods: {
handleDateTimeChange(dateTime) {
const date = new Date(dateTime);
// 进行时区调整
const adjustedDate = new Date(date.getTime() + date.getTimezoneOffset() * 60 * 1000);
// 格式化日期时间
return adjustedDate.toISOString().slice(0, 19).replace('T', ' ');
},
}
后端实体类要对应格式
/** 打卡时间 */
@JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd'T'HH:mm:ss")
@Excel(name = "打卡时间", width = 30, dateFormat = "yyyy-MM-dd HH:mm:ss")
private Date jfTime;