问题:
<a-date-picker>
这是由于前后端的日期格式不符合,前端为String,后端为Date
可以直接为<a-date-picker>标签添加一个change事件,
通过moment插件将String格式的前端数据转换为moment格式,
然后使用
@JsonFormat(pattern = "yyyy-MM-dd", timezone = "GMT+8") @DateTimeFormat(pattern = "yyyy-MM-dd")
这两个标签来接收数据,即可。
<a-date-picker @change="onChange" v-model="queryParam.endDate" style="width: 100%" placeholder="请输入截止日期"/>
js部分
import moment from 'moment';
methods: {
initDictConfig() {},
onChange(time, timeString) {
if(timeString){
this.queryParam.endDate = moment(timeString).format('YYYY-MM-DD');
}else{
this.queryParam.endDate=null;
}
}
},
后端代码
@JsonFormat(pattern = "yyyy-MM-dd", timezone = "GMT+8")
@DateTimeFormat(pattern = "yyyy-MM-dd")
private Date endDate;