1.创建timeFilter.js文件
import Vue from 'vue';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
import relativeTime from 'dayjs/plugin/relativeTime';
dayjs.extend(relativeTime);
dayjs.locale('zh-cn');
// 全局过滤器:处理相对时间
Vue.filter('relativeTime', (value) => {
return dayjs().to(dayjs(value));
});
2.结构使用
<span>{{ articleItem.pubdate | relativeTime }}</span>
结合vant设置出生年月日
import dayjs from 'dayjs';
async onConfirm(val) {
const time = dayjs(val).format('YYYY-MM-DD');
const [err, res] = await asyncErrorHandler(
editUserprofileAjax({
birthday: time,
})
);
if (err) return this.$toast.fail('设置生日失败');
this.$toast.success('设置生日成功');
this.$emit('input', time);
this.$emit('close');
console.log(err, res);
},
这里我错误的位置就是dayjs(val).format('YYYY-MM-DD')
;forna
t写成了formate