在使用element ui时DatePicker 日期选择器组件获取时间格式问题

问题代码:

<el-date-picker
    v-model="endTime"
    type="date"
   @change="getTime"
   :placeholder="结束时间"
   style="width:30%;margin-right:5%"
></el-date-picker>
//输出台显示为
Tue May 07 2019 00:00:00 GMT+0800 (中国标准时间)  

但是传输给后台的数据格式需要为 : "yyyy-MM-dd"或者yyyy年MM月dd日

后来找到的解决方法:

//在el-date-picker中加入value-format="yyyy-MM-dd" 属性,意思为当前的时间绑定值得格式为yyyy-MM-dd
//注意有时候写成 format="yyyy-MM-dd"  会不起作用
<el-date-picker
     v-model="endTime"
    type="date"
    value-format="yyyy-MM-dd"
    @change="getTime"
    :placeholder="结束时间"
    style="width:30%;margin-right:5%"
 ></el-date-picker>
//输出台显示为
2019-05-01

然后!处理很重要!

  getTime(date){
      this.endTime= date;
      console.log(this.endTime);//这个数据就可以直接拿过去传给后台用啦~~
    }
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值