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;
}
}