vue 日期转今天，昨天

心已赠人 2022-11-16 01:36 597阅读 0赞

# 前言 #

根据后台返回的日期，转化为今天，昨天，日期展示在前端的函数  
可用于vue , uniapp , js , 原生微信小程序 项目使用中。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzkyODA0Mw_size_16_color_FFFFFF_t_70_pic_center]

代码如下（示例）：

formatDateIn(date, format) { 
    	var formatDate = function(time, cFormat) { 
    		if (!time) { 
    			return
    		}
    		if (arguments.length === 0) { 
    			return null;
    		}
    		var format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}';
    		var date;
    		if (typeof time === 'object') { 
    			date = time;
    		} else if (typeof time === 'string') { 
    			var regTime = getRegExp('[-,年,月,日]', 'g');
    			time = time.replace(regTime, "/");
    			date = getDate(time);
    		} else { 
    			 if (typeof time === 'number') { 
    			     if ((time + '').length === 10) { 
    			         time = +time * 1000;
    			      }
    			 	date = getDate(parseInt(time));
    			 } else { 
    			     date = getDate(time);
    			 }
    		}
    		var formatObj = { 
    			y: date.getFullYear(),
    			m: date.getMonth() + 1,
    			d: date.getDate(),
    			h: date.getHours(),
    			i: date.getMinutes(),
    			s: date.getSeconds(),
    			a: date.getDay()
    		};
    		var regFormat = getRegExp('{(y|m|d|h|i|s|a)+}', 'g');
    		var time_str = format.replace(regFormat, function (result, key) { 
    			var value = formatObj[key];
    			if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1];
    			if (result.length > 0 && value < 10) { 
    			    value = '0' + value;
    			 }
    			return value || 0;
    		});
    		return time_str;
    	}
    	var now = getDate();
    	var nowDay = getDate(formatDate(now, format));
    	var yesterday = Date.parse(nowDay) - (24 * 3600 * 1000);
    	// date = new Date(date);
    	if (formatDate(Date.parse(now), format) === formatDate(date, format)) { 
    		return '今天';
    	} else if (formatDate(yesterday, format) === formatDate(date, format)) { 
    		return '昨天'
    	} else { 
    		return formatDate(date, format);
    	}		       
    }
    // js或者html调用 
    formatDateIn('2021-01-01 00:00:00','{y}-{m}-{d}')
    // 日期转星期几
    getWeek(dateString) { 
    	if(dateString) { 
    		let dateArray01 = dateString.split(" ")[0];
    		let dateArray02 = dateArray01.split("-");
    		let date = new Date(dateArray02[0], parseInt(dateArray02[1] - 1), dateArray02[2]);
    		return "周" + "日一二三四五六".charAt(date.getDay());
    		} 
    },

若果列表渲染，同一天日期有多个，循环列表记录是否第一次出现，页面中可根据v-if判断item.firstDate展示合并相同日期

欢迎评论点赞收藏哦

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzkyODA0Mw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221022/a7c92e1d7fab411487930ca2e0806ba0.png