<!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. springboot之多模块化项目打包

    1.目录结构 2.打成war包,只需在web子项目中的pom文件中添加 <packaging>war</packaging> <build> <!-- 为ja ...

  2. ps 快捷键大全

    一.工具箱(多种工具共用一个快捷键的可同时按[Shift]加此快捷键选取)矩形.椭圆选框工具 [M]移动工具 [V]套索.多边形套索.磁性套索 [L]魔棒工具 [W]裁剪工具 [C]切片工具.切片选择 ...

  3. 阶段5 3.微服务项目【学成在线】_day16 Spring Security Oauth2_20-认证接口开发-接口测试

    测试接口 因为继承了spring  security会拦截这个请求,我们需要写代码 让他对这个认证接口放行 查看代码发现之前已经写过放行的代码了 发现是路径前面少了auth 加断点,测试.申请令牌 r ...

  4. 浏览器最小显示12px字体的解决方法

    今天做打印标签,发现浏览器最小字体限制了12px,标签那么小,12px随便几个字就给占满了: 最后通过  transform:scale(1,0.8) 搞定: 这个属性允许将元素移动.压缩.旋转:这里 ...

  5. LeetCode_58. Length of Last Word

    58. Length of Last Word Easy Given a string s consists of upper/lower-case alphabets and empty space ...

  6. pycharm 对mysql的可视化操作

    参照: https://blog.csdn.net/qq_24189933/article/details/75666243

  7. laravel php门面模式

    门面模式   理解3个概念: 1)Container的概念,laravel所有的服务都注册在container里面,至于如何注册,就是使用service provider   2)service pr ...

  8. JQ操作select项

    jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...});   //为Se ...

  9. springmvc+mybatis多数据源配置，AOP注解动态切换数据源

    springmvc与springboot没多大区别,springboot一个jar包配置几乎包含了所有springmvc,也不需要繁琐的xml配置,springmvc需要配置多种jar包,需要繁琐的x ...

  10. Npcap.例子（raw tcp syn）

    1.来自:winpcap实现syn攻击 - 125096 - CSDN博客.html(https://blog.csdn.net/qq125096885/article/details/5178452 ...