美文网首页
dayjs时间插件的用法

dayjs时间插件的用法

作者: PharkiLL | 来源:发表于2021-03-25 09:49 被阅读0次

import dayjs from "dayjs";
import relativeTime from 'dayjs/plugin/relativeTime';
import 'dayjs/locale/zh-cn'
dayjs.locale('zh-cn') // use locale
dayjs.extend(relativeTime);
const Group = { 
 // 今天内发布的,显示类似 "3分钟前" 这样的时间语法(fromNow) 否则显示时间格式(MM-DD HH:mm)
date ==> 传入时间戳  注意如果是字符串  要转换为 int类型
  currentRelativeTime (date) {
    if(!date) return ''
    const isToday = !dayjs(new Date()).isAfter(dayjs(date).format('YYYY-MM-DD'), 'day')
    return isToday ? dayjs(date).fromNow() : dayjs(date).format('MM-DD HH:mm')
  },

  // 根据出生日期转年龄
  birthdateToAge (birthday) {
    return parseInt(dayjs(birthday, 'YYYY-MM-DD').fromNow()) + '岁'
  },

  // 根据日期转星期几 (周日, 周一, ...)
  dateToWeekDay (date) {
    return dayjs(date).format('ddd')
  }

}
for (let key in Group) { Vue.filter(key, Group[key]) } // 挂在到全局过滤器上

相关文章

网友评论

      本文标题:dayjs时间插件的用法

      本文链接:https://www.haomeiwen.com/subject/ufrlhltx.html