Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率。通常是用来获取时间,设置时间,格式化时间,比较时间等操作。

 1.获取时间

      Start of  Time

  • 获取今天的0时0分0秒:

moment().startOf('day')

  • 获取本周第一天(周日)0时0分0秒
            moment().startOf('week')
  • 获取本周周一0时0分0秒
            moment().startOf('isoWeek')
  • 获取当月第一天0时0分0秒
            moment().startOf("month") 

    End of Time

  • 获取今天23时29分59秒
              moment().endOf('day')
  • 获取本周最后一天(周六)23时29分59秒
               moment().endOf('week')
  • 获取本周周日23时59分59秒
                moment().endOf('isoWeek')
  • 获取当月最后一天23是59分59秒
                moment().endOf('month')
 
            Days in Month
  •  获取当前月的总天数
                moment().daysInMonth() 
 
            Timestamp
  •  获取时间戳(以秒为单位)

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

       

             Get  Time

  • 获取年份

  • 获取月份

  • 获取一个月中的某一天

  • 获取一个星期总的某一天

  • 获取小时

  • 获取分钟

  • 获取秒数

  • 获取当前的年月日时分秒         

       2.设置时间

    Set Time

  • 设置年份   

       

  • 设置月份

  • 设置某个月中的某一天

  • 设置某个星期的某一天

  • 设置小时

  • 设置分钟

  • 设置秒数

          Add Time

  • 设置年份

  • 设置月份

  • 设置日期

  • 设置星期

  • 设置小时

  • 设置分钟 

  • 设置秒数

      

       Subtract Time

  • 设置年份

  • 设置月份

  • 设置日期

  • 设置星期

      

  • 设置小时

  • 设置分钟 

  • 设置秒数

    3.格式化时间

       Format Time

  • 格式化年月日:xxx年xx月xx日

         

  • 格式化年月日:xxx - xx - xx

  • 格式化时分秒(12小时制):xx:xx:xx  am/pm

(24小时制):moment( ).format(" HH时mm分ss秒")

  •  格式化时间戳(以秒为单位)

  • 格式化时间戳(以毫秒为单位)

      4.比较时间

   Difference

  • 获取两个日期间的时间差           

 5.转化为JavaScript原生Date对象

将Moment时间转换为JavaScript原生Date对象

Moment.js的常见用法的更多相关文章

  1. [js高手之路] es6系列教程 - promise常见用法详解(resolve,reject,catch,then,all,race)

    关于promise我在之前的文章已经应用过好几次,如[js高手之路]Node.js+jade+express+mongodb+mongoose+promise实现todolist,本文就来讲解下pro ...

  2. Moment.js常见用法总结

    Moment.js常见用法总结 Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率. ​ 日常开发中,通常会对时间进行下面这几个操作:比如获取时 ...

  3. [转]EasyUI——常见用法总结

    原文链接: EasyUI——常见用法总结 1. 使用 data-options 来初始化属性. data-options是jQuery Easyui 最近两个版本才加上的一个特殊属性.通过这个属性,我 ...

  4. JS的简单用法

    JS的简单用法 参考:http://www.w3school.com.cn/js/js_switch.asp JavaScript 是网络的脚本语言 JavaScript 是可插入 HTML 页面的编 ...

  5. React之特点及常见用法

    1.什么是React? React是一个用于构建用户界面的JavaScript库.主要用于构建UI,很多人认为Reatc是MVC中的V(视图). React起源于Facebook的内部项目,用来架构I ...

  6. Linux中find常见用法

    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数 ...

  7. php中的curl使用入门教程和常见用法实例

    摘要: [目录] php中的curl使用入门教程和常见用法实例 一.curl的优势 二.curl的简单使用步骤 三.错误处理 四.获取curl请求的具体信息 五.使用curl发送post请求 六.文件 ...

  8. Guava中Predicate的常见用法

    Guava中Predicate的常见用法 1.  Predicate基本用法 guava提供了许多利用Functions和Predicates来操作Collections的工具,一般在 Iterabl ...

  9. find常见用法

    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数 ...

随机推荐

  1. 多测师讲解python_模块(导入模块和内置模块)_高级讲师肖sir

    #自定义模块# from aaa import * #指定导入某个包中具体的类.函数.方法## A.fun1(2,2) #import +模块名 :# # import +模块名+.+.+# # 导入 ...

  2. .net c#后台请求接口

    我们在请求接口的时候,有时因为跨域的问题,总是请求接口失败,亦或是请求接口时,页面还存在跳转的问题,这个时候,我们通过前台ajax请求自己的一般处理程序,用一般处理程序请求客户提供的接口 //获取to ...

  3. spring boot:swagger3文档展示分页和分栏的列表数据(swagger 3.0.0 / spring boot 2.3.3)

    一,什么情况下需要展示分页和分栏的数据的文档? 分页时,页面上展示的是同一类型的列表的数据,如图: 分栏时,每行都是一个列表,而且展示的数据类型也可能不同 这也是两种常用的数据返回形式 说明:刘宏缔的 ...

  4. centos8平台使用vmstat监控系统

    一,vmstat的用途和特点: vmstat 是一个常用的系统性能分析工具,主要用来分析系统的内存使用情况,也常用来分析 CPU 上下文切换和中断的次数. 相对于 iostat 来说,vmstat 可 ...

  5. Vue企业级优雅实战05-框架开发01-登录界面

    预览本文的实现效果: # gitee git clone git@gitee.com:cloudyly/dscloudy-admin-single.git # github git clone git ...

  6. SQL 禁止在 .NET Framework 中执行用户代码。启用 "clr enabled" 配置选项

    注:本文摘自:http://blog.csdn.net/heshengfen123/article/details/3597125 在执行SQL脚本过程中如果出现 禁止在 .NET Framework ...

  7. C# 面试前的准备_基础知识点的回顾_04

    1.Session和Cookie的使用区别 很容易回答的就是Session在服务器端,存储的数据可以较大容量,比如我们存一个Table,上千条数据. Cookie保存在客户端,安全系数低,不能放重要的 ...

  8. C# 将dataset数据导出到excel中

    //添加引用 NPOI.dll //添加 using NPOI.HSSF.UserModel; /// <summary> /// 导出数据到Excel /// </summary& ...

  9. c++ 遍历目录下文件、文件夹

    BOOL GetDirFiles(const char* pszDir, char* pszFileType, std::vector<std::string>& vtFileLi ...

  10. react-native-image-picker用法

    1, 首先,安装下该插件. npm install react-native-image-picker@latest --save 2,自动安装(做了这一步 下面安装的平台设置大部分都自动添加好了) ...