<!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. nginx+lua 设置跨域

    nginx 配置: header_filter_by_lua_file cros.lua; access_by_lua ' if ngx.var.request_method == "OPT ...

  2. 26 Flutter仿京东商城项目 购物车之 event_bus事件广播 事件监听

    event_bus 介绍 在前面的课程我们给大家讲过状态管理 Provider 的使用. 通俗的讲状态管理就是:当我们想在多个页面(组件/Widget)之间共享状态(数据),或 者一个页面(组件/Wi ...

  3. linux cron计划任务防止多个任务同时运行

    使用linux flock 文件锁实现任务锁定,解决冲突格式:flock [-sxun][-w #] fd#flock [-sxon][-w #] file [-c] command选项-s, --s ...

  4. 动态绑定easyui datagrid列名

    根据实时数据在同一个DataGrid中显示不同字段,本身easyui并没有支持动态绑定列名,只有show属性显示或隐藏某字段.今天在网上看到直接修改easyui类库动态绑定列名的方法,废话不多说直接借 ...

  5. react中，用key值来解决一些奇葩问题

    编辑用户信息,角色信息无法加载到值 改进之后:思路:由于值是设置在state里面的,界面编辑时,会重服务器拉去数据,值也设置在state里面了,但是CheckboxGroup依然不会去渲染选中的值, ...

  6. Hibrtnate组件映射

    Component映射 在hibernate中Component映射采用<component>标签即可 Component是某个实体的逻辑组成部分,它与实体类的主要差别在于,它没有oidC ...

  7. dozer工具类

    jar:commons-beanutils-1.9.3.jar.commons-lang-2.6.jar.dozer-5.3.2.jar.jcl-over-slf4j-1.7.25.jar.slf4j ...

  8. golang web框架 beego 学习 （七）json转数组

    Modules type User struct { Id int64 `json:"id"` Name string `json:"name"` Email ...

  9. VS2017.常量中有换行符

    1.VS中加入 “/utf-8” Qt中 也是加入“/utf-8”,加的地方注意下:在 pro文件中 ,这个位置加入: win32-msvc*:QMAKE_CXXFLAGS += /wd"4 ...

  10. 高级UI-DrawerLayout侧滑

    侧滑的方案有很多种,早期的开源SliddingMenu,以及后来的DrawerLayout以及NavigationView等都可实现侧滑效果,这里介绍的是DrawerLayout,下一节将介绍Navi ...