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="(过去)";
}

エフェクトプレビュー