域名网站网址,我的网站百度怎么搜索不到了,相亲网站怎么做,用狗做头像的网站效果如图#xff1a; 根目录下新建utils文件夹#xff0c;文件夹下新增js文件#xff0c;文件内容#xff1a;
export const filters {dateTimeSub(data) {if (data undefined) {return;}// 传进来的data必须是日期格式#xff0c;不能是时间戳//将字符串转换成时间格式…效果如图 根目录下新建utils文件夹文件夹下新增js文件文件内容
export const filters {dateTimeSub(data) {if (data undefined) {return;}// 传进来的data必须是日期格式不能是时间戳//将字符串转换成时间格式var timePublish new Date(data);var timeNow new Date();var minute 1000 * 60;var hour minute * 60;var day hour * 24;var month day * 30;var result ;var diffValue timeNow - timePublish; //时间差var diffMonth diffValue / month; //月差var diffWeek diffValue / (7 * day); //周差var diffDay diffValue / day; //天差var diffHour diffValue / hour; //时差var diffMinute diffValue / minute; //分差if (diffValue 0) {console.log(错误时间);} else if (diffMonth 3) {// result timePublish.getFullYear() -;// result timePublish.getMonth() -;// result timePublish.getDate();// console.log(result);} else if (diffMonth 1) {// result parseInt(diffMonth) 月前;} else if (diffWeek 1) {// result parseInt(diffWeek) 周前;} else if (diffDay 3) {let y timePublish.getFullYear();let MM timePublish.getMonth() 1;MM MM 10 ? (0 MM) : MM; //月补0let d timePublish.getDate();d d 10 ? (0 d) : d; //天补0result y - MM - d;} else if (diffDay1 diffDay 3) {result parseInt(diffDay) 天前;} else if (diffHour 1) {result parseInt(diffHour) 小时前;} else if (diffMinute 1) {result parseInt(diffMinute) 分钟前;} else {result 刚刚;}return result;},formatDate(value) {if (value undefined) {return;}// #ifdef APP-PLUSif(plus.os.name iOS) {time time.replaceAll(-, /)}// #endif// let date new Date(value * 1000);let date new Date(value);//时间戳为10位需*1000时间戳为13位的话不需乘1000let y date.getFullYear();let MM date.getMonth() 1;MM MM 10 ? (0 MM) : MM; //月补0let d date.getDate();d d 10 ? (0 d) : d; //天补0let h date.getHours();h h 10 ? (0 h) : h; //小时补0let m date.getMinutes();m m 10 ? (0 m) : m; //分钟补0let s date.getSeconds();s s 10 ? (0 s) : s; //秒补0return y - MM - d; //年月日// return y - MM - d h : m : s; //年月日时分秒},formatTime(value) {if (value undefined) {return;}// #ifdef APP-PLUSif(plus.os.name iOS) {time time.replaceAll(-, /)}// #endiflet date new Date(value);let MM date.getMonth() 1;MM MM 10 ? (0 MM) : MM; //月补0let d date.getDate();d d 10 ? (0 d) : d; //天补0return MM 月 d 日; //年月日}
}main.js中引入
import Vue from vueVue.config.productionTip falseimport { filters } from ./utils/time_day.js
// 定义全局自定义过滤器
Object.keys(filters).forEach(key {Vue.filter(key, filters[key])
})
页面中使用即可
view classtimes{{item.updatetime | getDateDiff}}/view
