Vue 关于后端接收前端传来的时间报错(格式不符)
问题:时间选择框报错问题(前后端使劲按格式无法转换)
·
问题:
<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;
更多推荐
已为社区贡献1条内容
所有评论(0)