Vue按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)_vue获取当前时间年月日时分秒,vue创建当前时间

178 浏览量更新于2023-03-16 评论收藏 42KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Vue 按照创建时间和当前时间显示操作按照创建时间和当前时间显示操作(刚刚刚刚,几小时前几小时前,几天前几天前)

主要介绍了Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)，具有很好的参考价值，希望对大家

有所帮助。一起跟随小编过来看看吧

在methods中创建方法showtime，传入要跟当前时间要对比的时间

showtime(time) {

let date =

typeof time === "number"

? new Date(time)

: new Date((time || "").replace(/-/g, "/"));

let diff = (new Date().getTime() - date.getTime()) / 1000;

let dayDiff = Math.floor(diff / 86400);

let isValidDate =

Object.prototype.toString.call(date) === "[object Date]" &&

!isNaN(date.getTime());

if (!isValidDate) {

window.console.error("不是有效日期格式");

}

const formatDate = function(date) {

let today = new Date(date);

let year = today.getFullYear();

let month = ("0" + (today.getMonth() + 1)).slice(-2);

let day = ("0" + today.getDate()).slice(-2);

let hour = today.getHours();

let minute = today.getMinutes();

let second = today.getSeconds();

return `${year}-${month}-${day} ${hour}:${minute}:${second}`;

};

if (isNaN(dayDiff) || dayDiff < 0 || dayDiff >= 31) {

return formatDate(date);

}

return (

(dayDiff === 0 &&

((diff < 60 && "刚刚") ||

(diff < 120 && "1分钟前") ||

(diff < 3600 && Math.floor(diff / 60) + "分钟前") ||

(diff < 7200 && "1小时前") ||

(diff < 86400 && Math.floor(diff / 3600) + "小时前"))) ||

(dayDiff === 1 && "昨天") ||

(dayDiff < 7 && dayDiff + "天前") ||

(dayDiff < 31 && Math.ceil(dayDiff / 7) + "周前")

);

补充知识：补充知识：Vue中根据时间戳计算时间间隔中根据时间戳计算时间间隔-年龄年龄

实现目标实现目标

由于数据库没有直接存储用户的年龄，只有以时间戳为格式的出生日期，所以不得不在前端做一下计算处理。下面就和大家一

起来看一下前端JS的实现方法。

功能代码功能代码

由于时间戳是包含了具体时间的，所以在转日期后截取年月日部分即可。

再获取当前的时期计算间隔得出用户的年龄。

// 获取用户年龄

this.userAge = this.toAge(timeStamp);

console.log(this.userAge);

// 根据返回的日期计算间隔

toAge(timeStamp) {

let birthDate = this.toDate(timeStamp).substr(0, 4);

let newDate = new Date().getFullYear();

return (newDate - parseInt(birthDate));

}

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38672940

粉丝: 5
资源: 970

会员权益专享

Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)

评论0

会员权益专享

最新资源

Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)

评论0

vue实现获取当前时间，输出为年月日时分秒

vue时间戳转年月日时分的过滤器

使用JavaScript动态显示时间

vue中使用时间线根据时间长度显示

vue获取当前时间显示

vue获取当前时间前一天

vue3如何设置显示当前日期和实时时间

vue获取当前时间的前一天

vue3中显示当前时间组件

vue3中页面显示当前时间

vue时实获取当前时间

vue中页面显示当前时间

vue3显示当前日期时间

vue3显示当前时间周

vue获取当前时间

vue 获取当前时间

vue前端获取当前时间的零点和前七天的时间的零点

vue怎么获取当前时间之后一个小时

vue中获取当前时间

vue2获取当前时间

会员权益专享

最新资源