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;//注意这里对数据进行绑定;
      },

你可能感兴趣的:(JAVA,vue)