【前端库】moment.js 时间库

官方网站

文档

基础部分

主要是的获取默认本地时间，进行格式化。默认是英文显示格式，可以加入其他国家语言解析。

引入脚本

<!--// 主要的脚本-->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/moment.min.js"></script>

<!-- 格林时间（根据时间与地区来确定当前地区的时间） -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/moment-with-locales.js"></script>


<!-- 下面是汉化语言包 -->
<!-- 简体中文(中国)zh-cn  -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/zh-cn.js"></script>
<!-- 繁体中文(台湾地区)zh-tw -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/zh-tw.js"></script>
<!-- 繁体中文(香港)zh-hk -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/zh-hk.js"></script>
<!-- Yoruba Nigeria 尼日利亚约鲁巴语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/yo.js"></script>
<!-- Décé mbér -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/x-pseudo.js"></script>
<!-- Vietnamese 越南语言  -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/vi.js"></script>
<!-- Uzbek 乌兹别克 语言 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/uz.js"></script>
<!-- Uzbek Latin 乌兹别克拉丁 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/uz-latn.js"></script>
<!-- Urdu 乌尔都语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ur.js"></script>
<!-- Ukrainian 乌克兰 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/uk.js"></script>
<!-- Central Atlas Tamazight Latin 中部地图使用拉丁语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/tzm-latn.js"></script>
<!-- Talossan -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/tzl.js"></script>
<!-- Turkish 土耳其语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/tr.js"></script>
<!-- Klingon 克林贡 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/tlh.js"></script>
<!--Tagalog  塔加拉族语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/tl-ph.js"></script>
<!-- Thai  泰语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/th.js"></script>
<!-- Tetun Dili 德顿语帝力 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/tet.js"></script>
<!-- Telugu 泰卢固语-->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/te.js"></script>
<!-- Tamil 泰米尔语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ta.js"></script>
<!-- Swahili 斯瓦希里语  -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/sw.js"></script>
<!-- Swedish  瑞典语言 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/sv.js"></script>
<!-- siSwati  -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ss.js"></script>
<!-- Serbian 塞尔维亚语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/sr.js"></script>
<!-- Serbian Cyrillic 塞尔维亚斯拉夫字母 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/sr-cyrl.js"></script>
<!-- Albanian 阿尔巴尼亚 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/sq.js"></script>
<!-- Slovenian 斯洛维尼亚语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/sl.js"></script>
<!-- Slovak 斯洛伐克语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/sk.js"></script>
<!-- Sinhalese 僧伽罗语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/si.js"></script>
<!-- Northern Sami 北部的萨米 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/se.js"></script>
<!-- Sindhi 信德语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/sd.js"></script>
<!-- Russian 俄语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ru.js"></script>
<!-- Portuguese 葡萄牙语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/pt.js"></script>
<!--Portuguese (Brazil)  葡萄牙语(巴西) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/pt-br.js"></script>
<!-- Polish 波兰 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/pl.js"></script>
<!-- Punjabi (India) 旁遮普（印度） -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/pa-in.js"></script>
<!-- Nynorsk 尼诺斯克语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/nn.js"></script>
<!-- Dutch 荷兰语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/nl.js"></script>
<!-- Dutch (Belgium) 荷兰(比利时 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/nl-be.js"></script>
<!-- Nepalese 尼泊尔 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ne.js"></script>
<!-- Norwegian Bokmal 挪威挪威语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/nb.js"></script>
<!--Burmese  缅甸 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/my.js"></script>
<!-- Malay 马来语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ms.js"></script>
<!-- Malay -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ms-my.js"></script>
<!-- Marathi 马拉地语 -->
https://cdn.bootcss.com/moment.js/2.19.4/locale/mr.js
<!-- Malayalam 马拉雅拉姆语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ml.js"></script>
<!-- Macedonian 马其顿 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/mk.js"></script>
<!-- Maori 毛利语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/mi.js"></script>
<!-- Montenegrin 门的内哥罗 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/me.js"></script>
<!-- Latvian 拉脱维亚 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/lv.js"></script>
<!-- Lithuanian 立陶宛语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/lt.js"></script>
<!-- Lao 老挝语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/lo.js"></script>
<!-- Luxembourgish 卢森堡 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/lb.js"></script>
<!-- Kyrgyz 柯尔克孜族 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ky.js"></script>
<!-- 韩国语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ko.js"></script>
<!-- Kannada 埃纳德语-->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/kn.js"></script>
<!-- Cambodian 柬埔寨 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/km.js"></script>
<!-- Kazakh 哈萨克斯坦 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/kk.js"></script>
<!-- Georgian 格鲁吉亚 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ka.js"></script>
<!-- Javanese 爪哇语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/jv.js"></script>
<!-- Japanese 日本语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ja.js"></script>
<!-- Italian 意大利语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/it.js"></script>
<!-- Icelandic 冰岛 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/is.js"></script>
<!-- Indonesian  印度尼西亚语-->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/id.js"></script>
<!-- Armenian 亚美尼亚 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/hy-am.js"></script>
<!-- Hungarian 匈牙利语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/hu.js"></script>
<!-- Croatian 克罗地亚人 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/hr.js"></script>
<!-- Hindi 北印度语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/hi.js"></script>
<!-- Hebrew  希伯来语的 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/he.js"></script>
<!-- Gujarati 古吉拉特语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/gu.js"></script>
<!--Konkani Latin script 孔卡尼拉丁脚本 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/gom-latn.js"></script>
<!-- Galician  加利西亚语的 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/gl.js"></script>
<!-- Scottish Gaelic 苏格兰盖尔语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/gd.js"></script>
<!-- Frisian 弗里斯兰语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/fy.js"></script>
<!-- French 法语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/fr.js"></script>
<!-- French (Switzerland)  法国(瑞士) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/fr-ch.js"></script>
<!-- French (Canada) 法语(加拿大)  -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/fr-ca.js"></script>
<!-- Faroese 法罗语-->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/fo.js"></script>
<!-- Finnish 芬兰 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/fi.js"></script>
<!-- Persian 波斯 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/fa.js"></script>
<!-- Basque  巴斯克-->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/eu.js"></script>
<!-- Estonian 爱沙尼亚 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/et.js"></script>
<!-- Spanish 西班牙语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/es.js"></script>
<!-- Spanish (United States) 西班牙语(美国) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/es-us.js"></script>
<!-- Spanish (Dominican Republic) 西班牙语(多米尼加共和国) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/es-do.js"></script>
<!-- Esperanto 世界语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/eo.js"></script>
<!-- English (New Zealand) 英语(新西兰) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/en-nz.js"></script>
<!-- English (Ireland) 英语（爱尔兰） -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/en-ie.js"></script>
<!-- English (Canada) 英语(加拿大) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/en-ca.js"></script>
<!-- English (Australia) 英语(澳大利亚) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/en-au.js"></script>
<!-- Greek 希腊 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/el.js"></script>
<!-- Maldivian 马尔代夫 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/dv.js"></script>
<!-- German 德语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/de.js"></script>
<!-- German (Switzerland)  德国(瑞士) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/de-ch.js"></script>
<!-- German (Austria) 德国(奥地利) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/de-at.js"></script>
<!-- Danish 丹麦语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/da.js"></script>
<!-- Welsh  威尔士-->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/cy.js"></script>
<!-- Chuvash 楚瓦什人 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/cv.js"></script>
<!-- Czech 捷克人 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/cs.js"></script>
<!-- Catalan 加泰罗尼亚语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ca.js"></script>
<!-- Bosnian 波斯尼亚 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/bs.js"></script>
<!-- Breton 布列塔尼人 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/br.js"></script>
<!-- Tibetan 中国（西藏） -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/bo.js"></script>
<!-- Bengali 孟加拉语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/bn.js"></script>
<!-- Bambara 班巴拉族 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/bm.js"></script>
<!-- Bulgarian 保加利亚 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/bg.js"></script>
<!-- Belarusian 白俄罗斯 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/be.js"></script>
<!-- Azerbaijani 阿塞拜疆 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/az.js"></script>
<!-- Arabic  阿拉伯 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ar.js"></script>
<!-- Arabic (Tunisia) 阿拉伯语(突尼斯) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ar-tn.js"></script>
<!-- Arabic (Saudi Arabia) 阿拉伯语(沙特阿拉伯) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ar-sa.js"></script>
<!-- Arabic (Morocco) 阿拉伯语(摩洛哥) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ar-ma.js"></script>
<!-- Arabic (Lybia) 阿拉伯语(时间) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ar-ly.js"></script>
<!--  Arabic (Kuwait) 阿拉伯语(科威特) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ar-kw.js"></script>
<!-- Arabic (Algeria) 阿拉伯语(阿尔及利亚) -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/ar-dz.js"></script>
<!-- Afrikaans 南非荷兰语 -->
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/af.js"></script>

使用命令行下载工具

npm install moment --save   # npm
yarn add moment             # Yarn
Install-Package Moment.js   # NuGet
spm install moment --save   # spm
meteor add momentjs:moment  # meteor
bower install moment --save # bower (deprecated)

基础

moment(String); 下面是是里面参数详情

//引入 脚本后，使用 moment()方法，可以返回表达式，然后这些ISO 8601格式可以放入在 “格式的日期”方法与其他的方法中使用

// 1、返回 一个日历日期 表达

格式的日期 Format Dates

使用的方法 format()

<script src="https://cdn.bootcss.com/moment.js/2.19.4/moment.min.js"></script>
<script src="https://cdn.bootcss.com/moment.js/2.19.4/locale/zh-cn.js"></script>
<script>
// 返回目前时间对象
moment().format();

// 返回当前星期 参数为 'dddd'
moment().format('dddd');
moment().format('MMMM Do YYYY, h:mm:ss a'); // 一月 14日 2018, 9:24:53 上午
moment().format("MMM Do YY");               // 1月 14日 18
moment().format('YYYY [escaped] YYYY');     // 2018 escaped 2018
moment().format();                          // 2018-01-14T09:24:53+08:00

</script>

相对时间 fromNow() 方法

moment("20111031", "YYYYMMDD").fromNow(); // 6 年前
moment("20120620", "YYYYMMDD").fromNow(); // 6 年前
moment().startOf('day').fromNow();        // 9 小时前
moment().endOf('day').fromNow();          // 15 小时内
moment().startOf('hour').fromNow();       // 26 分钟前

日历时间 subtract()的calendar方法进行调用

moment().subtract(10, 'days').calendar(); // 2018年1月4日
moment().subtract(6, 'days').calendar();  // 本周一上午9点27
moment().subtract(3, 'days').calendar();  // 本周四上午9点27
moment().subtract(1, 'days').calendar();  // 昨天上午9点27分
moment().calendar();                      // 今天上午9点27分
moment().add(1, 'days').calendar();       // 明天上午9点27分
moment().add(3, 'days').calendar();       // 下周三上午9点27
moment().add(10, 'days').calendar();      // 2018年1月24日

详细的日期

通过 format 方法使用简单的字符串就可以返回很好的排版

moment().format('L');    // 2018-01-14
moment().format('l');    // 2018-01-14
moment().format('LL');   // 2018年1月14日
moment().format('ll');   // 2018年1月14日
moment().format('LLL');  // 2018年1月14日上午9点29分
moment().format('lll');  // 2018年1月14日上午9点29分
moment().format('LLLL'); // 2018年1月14日星期日上午9点29分
moment().format('llll'); // 2018年1月14日星期日上午9点29分