每天学习一个vue插件(6)——momentjs

只要努力的飞翔，即便是再弱小的蝴蝶也能飞得更高

前言

尽管也曾有消沉的时候，我还是过得佷好，明天又是新的一天，加油~

1 介绍

解析参数

默认

moment()

时间戳

moment(1318781876406)

年月日

moment('2021-02-27 20:30:30')

年周星期

moment('2021-W01-7')

常用方法

format

// 格式化
moment().format('YYYY-MM-DD hh:mm:ss')

valueOf

// 时间戳
moment().valueOf()

add

// 7天后
moment().add(7, 'd')

subtract

// 2小时前
moment().subtract(2, 'h')

isBetween

// 是否再区间内
moment(now).isBetween(startDate, endDate)

2 使用

安装

npm install moment -S

.vue

<template>
  <div class="home">
    <p>{{ moment }}</p>
    <p>{{ moment.format() }}</p>
    <p>{{ moment.format('YYYY-MM-DD hh:mm:ss') }}</p>
  </div>
</template>

<script>
import moment from 'moment'

export default {
  name: 'Home',
  data: {
    return {
      moment
    }
  }
}
</script>

3.注意

1.安装后，直接使用

尾声

天上的小星星都停止了眨眼睛，你也要快点睡觉哦~

晚安 ^_^

参考链接

• momentjs 文档

往期回顾

• 每天学习一个vue插件(1)——better-scroll
• 每天学习一个vue插件(2)——vue-awesome-swiper
• 每天学习一个vue插件(3)——eslint + prettier + stylelint
• 每天学习一个vue插件(4)——v-viewer
• 每天学习一个vue插件(5)——postcss-pxtorem