Moment.js常见用法总结

前端 0 9220
01789034
01789034 LV2 关注 2021年9月9日 16:05 编辑

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使用
在这里插入图片描述

  • 不能选择今天之前的日期(包括今天)

    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') 
    },
    
赞(0) 收藏(0)  分享
相关标签: 门户 js
0个回复
  • 消灭零回复
Vaptcha启动中...