uniapp评论时间显示多少分钟,小时,天,月,年前

uniapp评论时间显示多少分钟,小时,天,月,年前

论坛,商城评论经常会用到多少分钟,小时,天,月,年前。
代码如下(微信,H5,安卓app亲测可以)

首先创建子组件c-time(组件名随意)子组件里面内容如下:
在这里插入图片描述核心是methods方法里面的代码:
在这里插入图片描述

最后在需要用的页面里面直接import 组件名 from “组件地址”;
例如import cTime from “@/components/c-time/c-time.vue”;
使用时 :item.time改成自己的时间
在这里插入图片描述

特别提醒:这里的时间格式为2021-12-13 14:56:32就好,如果不是自己全转化。
效果如下图:
在这里插入图片描述
method代码
methods: {
computedTime() {
let timePublish = new Date(this.text);
let timeNow = new Date();
let minute = 1000 * 60;
let hour = minute * 60;
let day = hour * 24;
let month = day * 30;
let year = month * 12
let result = ‘2’;
let timeValue = timeNow - timePublish;
let timeYear = timeValue / year
let timeMonth = timeValue / month;
let timeWeek = timeValue / (7 * day);
let timeDay = timeValue / day;
let timeHour = timeValue / hour;
let timeMinute = timeValue / minute;
if (timeValue < 0) {
alert(‘错误时间’);
} else if (timeYear > 2) {
result = timePublish.getFullYear() + ‘-’;
result += timePublish.getMonth() + ‘-’;
result += timePublish.getDate();
// alert(result);
} else if (timeYear > 1) {
result = parseInt(timeYear) + ‘年前’;
} else if (timeMonth > 1) {
result = parseInt(timeMonth) + ‘个月前’;
} else if (timeWeek > 1) {
result = parseInt(timeWeek) + ‘周前’;
} else if (timeDay > 1) {
result = parseInt(timeDay) + ‘天前’;
} else if (timeHour > 1) {
result = parseInt(timeHour) + ‘小时前’;
} else if (timeMinute > 1) {
result = parseInt(timeMinute) + ‘分钟前’;
} else {
result = ‘刚刚’;
}
this.textVal = result;
return this.textVal;
}
}

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值