<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>moment.js(日期处理类库)的使用</title>

    <script src="moment.js"></script>

    <script src="moment-with-locales.js"></script>

</head>

<body>

    <script>

        /*

        moment.js version : 2.18.1

        Format Dates

        moment().format('MMMM Do YYYY, h:mm:ss a'); // September 6th 2017, 4:17:22 pm

        moment().format('dddd');                    // Wednesday

        moment().format("MMM Do YY");               // Sep 6th 17

        moment().format('YYYY [escaped] YYYY');     // 2017 escaped 2017

        moment().format();                          // 2017-09-06T16:17:22+08:00

        Relative Time

        moment("20111031", "YYYYMMDD").fromNow(); // 6 years ago

        moment("20120620", "YYYYMMDD").fromNow(); // 5 years ago

        moment().startOf('day').fromNow();        // 16 hours ago

        moment().endOf('day').fromNow();          // in 8 hours

        moment().startOf('hour').fromNow();       // 17 minutes ago

        Calendar Time

        moment().subtract(10, 'days').calendar(); // 08/27/2017

        moment().subtract(6, 'days').calendar();  // Last Thursday at 4:17 PM

        moment().subtract(3, 'days').calendar();  // Last Sunday at 4:17 PM

        moment().subtract(1, 'days').calendar();  // Yesterday at 4:17 PM

        moment().calendar();                      // Today at 4:17 PM

        moment().add(1, 'days').calendar();       // Tomorrow at 4:17 PM

        moment().add(3, 'days').calendar();       // Saturday at 4:17 PM

        moment().add(10, 'days').calendar();      // 09/16/2017

        Multiple Locale Support

        moment.locale();         // en

        moment().format('LT');   // 4:17 PM

        moment().format('LTS');  // 4:17:22 PM

        moment().format('L');    // 09/06/2017

        moment().format('l');    // 9/6/2017

        moment().format('LL');   // September 6, 2017

        moment().format('ll');   // Sep 6, 2017

        moment().format('LLL');  // September 6, 2017 4:17 PM

        moment().format('lll');  // Sep 6, 2017 4:17 PM

        moment().format('LLLL'); // Wednesday, September 6, 2017 4:17 PM

        moment().format('llll');*/

        console.log(moment.locale('zh-cn'));

        console.log(moment().format('L'));

        console.log(moment().format('YYYY-MM-DD'));

        console.log(moment("/Date(1198908717056)/"));

        console.log(moment("/Date(1198908717056)/")._d);

        console.log(moment(moment("/Date(1198908717056)/")._d).format('YYYY-MM-DD'));

    </script>

</body>

</html>

moment.js(日期处理类库)的使用的更多相关文章

  1. Moment.js 超棒Javascript日期处理类库

    Moment.js 不容错过的超棒Javascript日期处理类库 主要特性: 3.2kb超轻量级 独立类库,意味这你不需要倒入一堆js 日期处理支持UNIX 时间戳,String,指定格式的Date ...

  2. Monent.js：强大的日期处理类库

    一.介绍及安装 1.1 介绍 Moment.js是一个优秀的JavaScript 日期处理类库. 如果没有Moment.js之类的日期处理库,我们如果需要获得格式化后的日期.往往需要通过new Dat ...

  3. [Javascript] 5个最佳的Javascript日期处理类库

    在大家日常网站开发和web应用开发中,我们往往需要有效的调用Javascript处理日期和时间格式相关的函数,在Javascript中已经包含了部分最基本的内建处理方法. 在大家日常网站开发和web应 ...

  4. Js 日期转换函数(UTC时间转换及日期想加减)

    IOS上Js日期转换中new Date("yyyy-mm-dd")不能正常工作,必须使用new Date("yyyy/MM/dd"); 日期相加减: Date. ...

  5. 移动端lCalendar纯原生js日期时间选择器

    网上找过很多的移动端基于zepto或jquery的日期选择器,在实际产品中也用过一两种,觉得都不太尽如人意,后来果断选择了H5自己的日期input表单,觉得还可以,至少不用引用第三方插件了,性能也不错 ...

  6. 161226、js日期格式化

    JavaScript Date format(js日期格式化) 方法一:// 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季 ...

  7. 【JavaScript】 knockout.js 日期格式化借助【momentjs】

    源:Knockout.js 日期格式化 源:momentjs

  8. js 日期处理，json处理

    模块化js :requirejshttp://www.requirejs.cn/ 好用的日期控件:http://www.bootcss.com/p/bootstrap-datetimepicker/i ...

  9. JS获取当前日期时间及JS日期格式化

    Js获取当前日期时间: var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份( ...

随机推荐

  1. java说明文档制作

    A:对工具类加入文档注释 B:通过javadoc命令生成说明书 * @author(提取作者内容) * @version(提取版本内容) * javadoc -d 指定的文件目录 -author -v ...

  2. ELK 二进制安装并收集nginx日志

    对于日志来说,最常见的需求就是收集.存储.查询.展示,开源社区正好有相对应的开源项目:logstash(收集).elasticsearch(存储+搜索).kibana(展示),我们将这三个组合起来的技 ...

  3. osg RTT 多相机-局部放大镜

    #ifdef _WIN32 #include <Windows.h> #endif // _WIN32 #include<iostream> #include <osgV ...

  4. SpringCloud学习成长之路七 高可用配置中心

    上一篇文章讲述了一个服务如何从配置中心读取文件,配置中心如何从远程git读取配置文件,当服务实例很多时,都从配置中心读取文件,这时可以考虑将配置中心做成一个微服务,将其集群化,从而达到高可用,架构图如 ...

  5. python 函数、参数及参数解构

    函数 数学定义 y=f(x), y是x函数,x是自变量.y=f(x0,x1...xn) Python函数 由若干语句组成的语句块,函数名称,参数列表构成,它是组织代码的最小单位 完成一定的功能 函数作 ...

  6. 【Leetcode_easy】687. Longest Univalue Path

    problem 687. Longest Univalue Path 参考 1. Leetcode_easy_687. Longest Univalue Path; 2. Grandyang; 完

  7. 【C# 开发技巧】如何防止程序多次运行

    一.引言 最近发现很多人在论坛中问到如何防止程序被多次运行的问题的,如: http://social.msdn.microsoft.com/Forums/zh-CN/6398fb10-ecc2-4c0 ...

  8. Laravel用户认证系统的实现细节

    原文地址:http://www.php.cn/php-weizijiaocheng-406076.html 这篇文章主要介绍了关于Laravel用户认证系统的实现细节,有着一定的参考价值,现在分享给大 ...

  9. 100/200/400GE高速以太网：Autoneg & Link Training 自适应及链路学习相关姿势介绍

    2019-10-31 08:29:22 先写个目录,陆续补齐 PAM4模式下50GE,100GE,200GE,400GE以太网为什么需要AN & LT功能?AN .Autoneg自适应功能介绍 ...

  10. 【C/C++开发】运算符重载二

    C++中预定义的运算符的操作对象只能是基本数据类型.但实际上,对于许多用户自定义类型(例如类),也需要类似的运算操作.这时就必须在C++中重新定义这些运算符,赋予已有运算符新的功能,使它能够用于特定类 ...