【vue-cli】Moment插件

Posted 2023-05-07

参考技术A

实际开发中经常要对日期时间进行操作，转换，因此需要一款比较好的日期插件满足我们的开发，Moment.js就是一款javascript 日期处理类库，下面具体介绍用法：

（1）安装
vue-cli项目中安装

（2）作为Vue实例的方式使用
在main.js入口文件中

可以根据需要当前（或指定日期）的millisecond毫秒，second秒，minute分，hour小时，date天，day星期几，month月份，quarter季度，year年份，如

（1）增减时间
增时间使用add函数，例如：当前时间增加7天

类似增加小时，分，年等等：
years y，quarters Q，months M，weeks w，days d，hours h，minutes m，seconds s，milliseconds ms
减时间使用subtract函数，用法和add函数类似

（2）为时间单位的开头和末尾
比如当月第一天，当年第一天，当月的最后一天，开头使用startOf函数，例如：

当前年的1月1日00时00分00秒

末尾使用endOf函数，用法和开头类似
取上个月的时间范围，如：

http://momentjs.cn/docs/#/get-set/

react学习(12)-moment插件设置日期格式

    <p>
              {moment(boothDetails.startTime).format('YYYY-MM-DD')}到
              {moment(boothDetails.endTime).format('YYYY-MM-DD')}
            </p>