Moment.js常见用法总结

「爱情、让人受尽委屈。」 2022-09-09 14:54 415阅读 0赞

### Moment ###

*  引用
 *  常用的方法
 *   *  1、moment()
     *  2、获取get
     *  3、格式format
     *  4、设置subtract
     *  5、开始startOf()
     *  6、结束endOf()
     *  7、总天数Days in Month
     *  8、时间措
     *  9、关于ant选择时间的实战

> Moment.js是一个轻量级的js时间处理类库，其使用简单，方便了日常开发中对时间的操作，提高了开发效率。

# 引用 #

npm install moment

# 常用的方法 #

## 1、moment() ##

*  获取当前的日期和时间

moment()

*  获取String的日期和时间

moment(String)

## 2、获取get ##

*  获取当天的年份

moment().get('year')

*  获取当天的月份 0-11

moment().get('month')

*  获取当天的日期

moment().get('date')

## 3、格式format ##

*  得到的时间格式为YYYY-MM-DD

moment(String,'YYYY-MM-DD')

moment(String).format('YYYY-MM-DD')

## 4、设置subtract ##

> .subtract(Number, String);

*  设置年份

moment().subtract(1, 'years')

*  设置月份

moment().subtract(1, 'months')

*  设置日期

moment().subtract(1, 'days')

## 5、开始startOf() ##

通过将原始的 moment 设置为时间单位的开头来对其进行更改。

> .startOf(String);

*  获取今天的0时0分0秒

moment().startOf('day')

*  获取本周第一天的0时0分0秒

moment().startOf('week')

## 6、结束endOf() ##

通过将原始的 moment 设置为时间单位的末尾来对其进行更改

> .endOf(String);

*  获取今天的23时59分59秒

moment().endOf('day')

*  获取本周第一天的23时59分59秒

moment().endOf('week')

## 7、总天数Days in Month ##

> .daysInMonth()

*  获取2月的天数。

moment("2012-02", "YYYY-MM").daysInMonth() // 29

## 8、时间措 ##

> .unix() //秒数  
> .valueOf() //毫秒数

*  获取时间戳(以秒为单位)

moment().format('X').unix() // 返回值为数值型

*  获取时间戳(以毫秒为单位)

moment().format('x').valueOf() // 返回值为数值型

## 9、关于ant选择时间的实战 ##

在ant的a-range-picker组件的disabledDate使用  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdHNlbmfojZLnlLc_size_17_color_FFFFFF_t_70_g_se_x_16]

*  不能选择今天之前的日期（包括今天）

disabledDate(current) { 
         return current && current < moment().endOf('day');
    },

*  不能选择今天之前的日期（不包括今天）

disabledDate(current) { 
       return current && current < moment().subtract(1, 'days').endOf('day')
    },

*  点击选择的2019-01-01之前的数据无法确认

disabledDate(current) { 
    	return current  && current < moment('2019-01-01') 
    },

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdHNlbmfojZLnlLc_size_17_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/724aa742e28348ddb72b0e421cd5a15e.png