vue对时间戳判断昨天今天过去

需求背景

最近有这么个需求,需要再vue中对日期进行判断,从而显示某些数据是昨日还是今日

解决方案

    <el-card class="box-card">
        <div slot="header" class="clearfix">
            <span>招标信息 <el-tag>{{date|formatDate(this)}}</el-tag></span>
           <!-- <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>-->
        </div>
        <div v-for="o in tableData" :key="o.openId" class="text item">
            <el-link :href=o.url><i class="el-icon-circle-plus-outline"></i>{{o.createTime|formatDate2(this)}} {{o.tenderName }}</el-link>
        </div>
    </el-card>

我的思路,利用时间格式中的日期,也就是Date.getDate()进行判断。
关于vue获取今天是周几时间格式,获取周几的请看上一篇vue转换时间格式的过滤器

formatDate2(date,vm) {  //当前时间格式化处理
	let str = "";
	if(new Date(date).getDate() === new Date().getDate()){
	    str="(今日)";
	}else if(new Date(date).getDate() === (new Date().getDate()-1)){
	    str="(昨日)";
	}
	else if(new Date(date).getDate() === (new Date().getDate()+1)){
	    str="(明日)";
	}
	return str;
}

当然,也可以自己扩展某些想法:

if(new Date(date).getDate() < new Date().getDate()){
	str="(过去)";
}

效果预览

在这里插入图片描述

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 博客之星2020 设计师:CY__ 返回首页