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()
},
网友评论