<!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. osg 在场景中绘制坐标轴(xyz)

    //x y z font_size osg::Geode* makeCoordinate(float a_x,float a_y,float a_z,float font_size) { osg::r ...

  2. 123457123456#0#-----com.twoapp.KidsShiZi01--前拼后广--儿童宝宝识字jiemei

    com.twoapp.KidsShiZi01--前拼后广--儿童宝宝识字jiemei

  3. idea中Lombok的Buider构造器模式，getter/setter正确使用方法

    public class ApiUser implements Serializable { private Long id; /*** * 用户类型:single,org(organization) ...

  4. Apache配置日志切割

    随着网站的访问越来越大,WebServer产生的日志文件也会越来越大,如果不对日志进行分割,那么只能一次将大的日志(如Apache的日志)整个删除,这样也丢失了很多对网站比较宝贵的信息,因为这些日志可 ...

  5. Tips for Conda

    管理环境 创建环境 基于 python3.6 创建一个名为test_py3的环境 conda create -n test_py3 python=3.6 基于 python2.7 创建一个名为test ...

  6. Spring Cloud(7.3)：配置Consumer Server

    接下来我们创建一个消费者服务.消费者服务从生产者服务拿取商品-价格信息,并保存在Redis中.同时,接收消息队列中生产者服务的更新提示,如果某个商品-价格被修改,则删除Redis中的缓存数据,并重新从 ...

  7. Spring Boot学习笔记——搭建一个最简单的hello world

    使用Spring Initializer新建项目 进入https://start.spring.io/新建一个项目,并下载下来. 这就是一个最基础的spring boot项目了. 我这里是基于spri ...

  8. DB2函数简单示例

    DB2中的函数原理同其他编程语言中的函数,均为输入几个参数,同时返回一个值. 下面的例子演示一个寻找某一次考试中成绩最好的学生的姓名. 首先,我们新建一个表SCORE用于表示考试,并插入几条数据: D ...

  9. UI界面测试

    概念:指测试用户界面的风格是否满足用户要求.文字是否正确.页面是否美观.文字与图片组合是否完美.操作是否友好等. 1.窗体测试 { 窗体大小. 移动窗体. 缩放窗体. 显示分辨率. 状态栏. 工具栏. ...

  10. 移动架构-IOC架构设计

    控制反转(Inversion of Control,缩写为IoC),是面向对象编程中的一种设计原则,可以用来减低计算机代码之间的耦合度.其中最常见的方式叫做依赖注入(Dependency Inject ...