美文网首页让前端飞
vue时间处理传入后台有两个时间参数但是插件只有当前年和月,对时

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

作者: 雨后晴阳 | 来源:发表于2019-01-15 17:28 被阅读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()

},

相关文章

网友评论

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

    本文链接:https://www.haomeiwen.com/subject/qzwydqtx.html