Moment.js常见用法总结

 更新时间:2022年05月03日 14:32:05   作者:荒男  
这篇文章主要介绍了Moment.js常见用法总结,需要的朋友可以参考下

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

引用Moment.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') 
},

 

相关文章

  • Javascript中的对象和原型(二)

    Javascript中的对象和原型(二)

    这篇文章给大家介绍了js中的对象和原型,从工厂模式,构造函数方面展开话题,介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • Javascript 判断客户端浏览器类型代码

    Javascript 判断客户端浏览器类型代码

    有时候一些js代码并不希望在别的浏览器下运行,就需要事先判断一下,方便下面的操作。
    2010-03-03
  • 兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码

    兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码

    JavaScript 兼容IE、FireFox、Chrome等浏览器的xml处理函数(xml同步/异步加载、xsl转换、selectSingleNode、selectNodes)
    2011-11-11
  • Echarts x轴为time的用法代码示例

    Echarts x轴为time的用法代码示例

    平时项目里数据可视化展示用的大多是echarts或者highcharts,下面这篇文章主要给大家介绍了关于Echarts x轴为time用法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • javascript面向对象之共享成员属性与方法及prototype关键字用法

    javascript面向对象之共享成员属性与方法及prototype关键字用法

    这篇文章主要介绍了javascript面向对象之共享成员属性与方法及prototype关键字用法,实例分析了prototype关键字在共享成员属性与方法中的原理与使用技巧,需要的朋友可以参考下
    2015-01-01
  • 28个常用JavaScript方法集锦

    28个常用JavaScript方法集锦

    本文给大家汇总介绍了28个常用的javascript方法,十分的全面,都是本人精心整理的,这里推荐给大家,有需要的小伙伴直接带走。
    2015-01-01
  • 理解JavaScript表单的基础知识

    理解JavaScript表单的基础知识

    这篇文章主要带领大家理解JavaScript表单的基础知识,对javascript表单脚本进行深入学习,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 通过url查找a元素应用案例

    通过url查找a元素应用案例

    这篇文章主要介绍了通过url查找a元素的实现思路,解决一些比较实际的问题,感兴趣的朋友可以参考下
    2014-04-04
  • 浏览器调试动态js脚本的方法(图解)

    浏览器调试动态js脚本的方法(图解)

    这篇文章主要介绍了浏览器调试动态js脚本的方法,文中给大家带来两种调试方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-01-01
  • js实现全选和全不选

    js实现全选和全不选

    这篇文章主要为大家详细介绍了js实现全选和全不选,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07

最新评论