ant-design vue中时间选择框datepicker向后台传输错误

ant-design vue中时间选择框datepicker向后台传输错误

最近在使用jeecgboot项目时,需要有时间查询条件,引用ant-design组件中的时间组件,但向后台提交是,抛出参数类型错误异常;
通过谷歌浏览器F12发现提交的时间格式为Moment(),并不是string;
解决问题步骤:
1.安装moment.js:

npm install moment --save

修改main.js,添加如下代码:

import moment from 'moment';
Vue.prototype.$moment = moment;

<a-col :md="6" :sm="8">
<a-form-item label="nihao">
<a-date-picker     @change="onChange" style="width: 100%" placeholder="请输入打印日期"/>
</a-form-item>
</a-col>

methods: {
onChange(date, dateString) {
debugger;

const data1  = this.$moment(date).format('YYYY-MM-DD HH:mm:ss');
console.log(data1) ;  //    "2019-05-25 08:23:56"
this.queryParam.printTime=data1;//注意这里对数据进行绑定;
},