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

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

使用效果就是选择前一个之后的日期,不赖。

3. vendor 缺失问题

这玩意当时用yarn install,临时解决了一下,之后npm run dev反复出现,受不了了才搜了下怎么解决的。