1. src下添加filters文件夹 里添加index.js文件
用来写公共的方法
2. main.js中加
import * as filters from './filters';
Object.keys(filters).forEach((key) => {
Vue.filter(key, filters[key]);
});
3. 使用
第一个参数 | 方法名(第二个参数,第三个参数)
时间差方法
// 时间差
export const TimeDifference = (beginTime, endTime) => {
let time;
if (endTime && dayjs(beginTime).isBefore(endTime)) {
const dateBegin = new Date(beginTime);
const dateEnd = new Date(endTime);
const dateDiff = dateEnd.getTime() - dateBegin.getTime(); // 时间差的毫秒数
const dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000)); // 计算出相差天数
const leave1 = dateDiff % (24 * 3600 * 1000); // 计算天数后剩余的毫秒数
const hours = Math.floor(leave1 / (3600 * 1000)); // 计算出小时数
// 计算相差分钟数
const leave2 = leave1 % (3600 * 1000); // 计算小时数后剩余的毫秒数
const minutes = Math.floor(leave2 / (60 * 1000)); // 计算相差分钟数
// 计算相差秒数
const leave3 = leave2 % (60 * 1000); // 计算分钟数后剩余的毫秒数
const seconds = Math.round(leave3 / 1000);
time = `${dayDiff}天${hours}小时${minutes}分钟${seconds}秒`;
if (dayDiff === 0) {
time = `${hours}小时${minutes}分钟`;
}
if (dayDiff === 0 && hours === 0) {
time = `${minutes}分钟`;
}
if (dayDiff === 0 && hours === 0 && minutes === 0) {
time = `${seconds}秒`;
}
return time;
}
return time;
};
日期方法
// 年月日
export const GMTToStr = (time) => {
const now = new Date(time);
const year = now.getFullYear();
let mon = now.getMonth() + 1;
let date = now.getDate();
if (mon < 10) {
mon = `0${mon}`;
}
if (date < 10) {
date = `0${date}`;
}
const postDate = `${year}-${mon}-${date}`;
return postDate;
};
// 年月日时分秒
export const DateTime = (time) => {
const now = new Date(time);
const year = now.getFullYear();
let mon = now.getMonth() + 1;
let date = now.getDate();
let hour = now.getHours();
let minute = now.getMinutes();
let second = now.getSeconds();
if (mon < 10) {
mon = `0${mon}`;
}
if (date < 10) {
date = `0${date}`;
}
if (hour < 10) {
hour = `0${hour}`;
}
if (minute < 10) {
minute = `0${minute}`;
}
if (second < 10) {
second = `0${second}`;
}
const postDate = `${year}-${mon}-${date} ${hour}:${minute}:${second}`;
return postDate;
};
仅在当前页面中直接用!
export default {
}
filters:{
filtStatus(val) {
let name = ''
if (val === '0') {
name = '是'
} else if (val === '1') {
name = '否'
} else {
name = ''
}
return name
}
},
使用方法一样
第一个参数 | 方法名(第二个参数,第三个参数)