美文网首页
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