日期选择下拉框数据传不到后端

问题缘由

写前段代码弄时间选择下拉框时发现日期传不到后端

<!--                <el-date-picker v-model="form.startTime" type="date" placeholder="选择日期"></el-date-picker>-->
<!--                <el-input v-model="form.startTime" autocomplete="off"></el-input>-->
                <template>
                    <el-date-picker
                        v-model="form.startTime"
                        type="datetime"
                        placeholder="选择日期时间">
                    </el-date-picker>
                </template>
              </el-form-item>

后端报错

问题解决

查询资料后发现是需要设置日期格式：

 <el-form-item label="加工开始">
<!--                <el-date-picker v-model="form.startTime" type="date" placeholder="选择日期"></el-date-picker>-->
<!--                <el-input v-model="form.startTime" autocomplete="off"></el-input>-->
                <template>
                    <el-date-picker
                        v-model="form.startTime"
                        type="datetime"
                        placeholder="选择日期时间">
                      value-format="yyyy-MM-dd HH:mm:ss">
                    </el-date-picker>
                </template>
              </el-form-item>

后端实体类中也要设置

 @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss")
    @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
    private Date startTime;

    @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
    @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss")

一定注意，在设置格式时前后端的格式要一致