让前端飞

vue时间处理传入后台有两个时间参数但是插件只有当前年和月,对时

2019-01-15  本文已影响2人  雨后晴阳

1.要实现如下功能

2.本项目用的是vux中的时间插件

3.dom结构

<div class="yuefen_child1">

<datetime title="" v-model="dateTime" format="YYYY-MM" @on-change="timeChange"></datetime>

</div>

4.由于后台参数里面是有两个参数createTime    和 endTime 所以获取到的时间需要处理一下,且获取到的时间是时间戳

//日期改变

timeChange(value){

console.log('日期',value)  //得到的是2013-09这种格式的时间

value = value.replace(new RegExp("-","gm"),"/");   //为了下步做准本new Date一个时间要是以'/'连接的时间格式

this.createTime =new Date(value).getTime()    //当月开始时间

let month =Number(value.split('/')[1])

let year =Number(value.split('/')[0])

//下面是当月最后时间获取

if(month<12){

this.endTime =new Date(year+'/'+ (month+1)).getTime()

}else{

year =year+1

    this.endTime =new Date(year+'/'+1).getTime()

}

console.log('测试',this.createTime,this.endTime)

this.getConsumerList()    //更新一下列表

this.getTotalMoneyData()

},

上一篇 下一篇

猜你喜欢

热点阅读