dayjs: 兄弟moment.js寄了，我还在

0. 缘起

在掘金看见的dayjs时间插件，说可以完美替代moment.js，而且功能贼多。我一看，好家伙官网教程给的好详细啊，速速用上。

1. 官网文档

https://dayjs.gitee.io/docs/zh-CN/parse/now

2. 项目使用

npm install dayjs

/main.js

// import dayjs
import './plugins/dayjs'

/day.js

import Vue from 'vue'
//引入方式
import dayjs from 'dayjs'
Vue.prototype.$day = dayjs

var isSameOrAfter = require("dayjs/plugin/isSameOrAfter");
dayjs.extend(isSameOrAfter);

/index.vue

      <div class="choose-time">
        <el-date-picker
          v-model="minTime"
          type="date"
          placeholder="选择起始日期"
          value-format="yyyy-MM-dd"
        >
        </el-date-picker
        >至
        <el-date-picker
          v-model="maxTime"
          type="date"
          placeholder="选择结束日期"
          :picker-options="pickerOptions"
          value-format="yyyy-MM-dd"
        >
        </el-date-picker>
      </div>

export default {
  data() {
    return {
      minTime: "",
      maxTime: "",
      pickerOptions: {
        disabledDate: (time) => {
          return this.rightTime(time);
        },
      },
    };
  },
  methods: {
    rightTime(time) {
      return !this.$day(time).isSameOrAfter(this.minTime);
    },
  }