Moment.js日期处理库的使用
Moment.js
Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率。这个在一些金融保险公司会经常用到,比如一下时间的格式化处理,时间的选择等等。
这个比较好的地方是可以格式化时间(很常用),日历的选择、多语言支持等等。
几种安装方式(选择其中一种即可)
npm install moment --save | # npm |
yarn add moment | # Yarn |
Install-Package Moment.js | # NuGet |
spm install moment --save | # spm |
meteor add momentjs:moment | # meteor |
官方文档:
http://momentjs.cn/
moment.js下载:
http://cdn.staticfile.org/moment.js/2.24.0/moment.js
moment.js多语言下载:
http://cdn.staticfile.org/moment.js/2.24.0/moment-with-locales.js
引入
<script src="moment.js"></script>
<script>moment().format();
</script>
或
var moment = require('moment');
moment().format();
日期格式化
moment().format('MMMM Do YYYY, h:mm:ss a'); // 十二月 16日 2021, 4:22:44 下午
moment().format('dddd'); // 星期四
moment().format("MMM Do YY"); // 12月 16日 21
moment().format('YYYY [escaped] YYYY'); // 2021 escaped 2021
moment().format(); // 2021-12-16T16:22:44+08:00
相对时间
moment("20111031", "YYYYMMDD").fromNow(); // 10 年前
moment("20120620", "YYYYMMDD").fromNow(); // 9 年前
moment().startOf('day').fromNow(); // 16 小时前
moment().endOf('day').fromNow(); // 8 小时内
moment().startOf('hour').fromNow(); // 23 分钟前
日历时间
moment().subtract(10, 'days').calendar(); // 2021/12/06
moment().subtract(6, 'days').calendar(); // 上星期五16:22
moment().subtract(3, 'days').calendar(); // 上星期一16:22
moment().subtract(1, 'days').calendar(); // 昨天16:22
moment().calendar(); // 今天16:22
moment().add(1, 'days').calendar(); // 明天16:22
moment().add(3, 'days').calendar(); // 下星期日16:22
moment().add(10, 'days').calendar(); // 2021/12/26
多语言支持
moment.locale(); // zh-cn
moment().format('LT'); // 16:22
moment().format('LTS'); // 16:22:44
moment().format('L'); // 2021/12/16
moment().format('l'); // 2021/12/16
moment().format('LL'); // 2021年12月16日
moment().format('ll'); // 2021年12月16日
moment().format('LLL'); // 2021年12月16日下午4点22分
moment().format('lll'); // 2021年12月16日 16:22
moment().format('LLLL'); // 2021年12月16日星期四下午4点22分
moment().format('llll'); // 2021年12月16日星期四 16:22
好啦,本期内容就分享到这里,我们下期见!
Moment.js日期处理库的使用相关推荐
- Day.js —— 一个轻量型的日期时间库 moment 的完美代替品
对于日期时间处理,常见有moment.js luxon等库,然而这些库在个人看来有点大了,而平常人往往只用到其中个别功能,这就有点浪费,当然也可以抽取想要模块,但稍显繁琐.对于这种情况,我一般喜欢自己 ...
- js 日期加一年_?Day.js 2KB时间库 和Moment.js一样的API
Moment.js 是一个大而全的 JS 时间库,很大地方便了我们处理日期和时间.但是 Moment.js太重了(200k+ with locals),可能一般项目也只使用到了她几个常用的API.虽然 ...
- Day.js轻量级 JavaScript 时间日期处理库可替代Moment.js
Day.js 是一个仅 2kb 大小的轻量级 JavaScript 时间日期处理库,和 Moment.js 的 API 设计保持完全一样.如果你曾经用过 Moment.js ,那么你已经知道如何使用 ...
- js日期格式化精髓总结
1.js获取日期的年月日,时分秒的方法 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); // ...
- php中日期选择代码,实现JS日期时间选择器
这次给大家带来实现JS日期时间选择器,实现JS日期时间选择器的注意事项有哪些,下面就是实战案例,一起来看一下. flatpickr 是一个轻量级.注重精益.由 UX 驱动和可扩展的 JavaScrip ...
- js日期控件_11个开源的Github开源日期选择器组件,供你选择
介绍 本文主要介绍几个Vue的时间日期选择器组件,目的在于让开发者们多一些选择,不管是从功能还是从样式,都可以选择一个适合的组件,这些组件没有绝对的好与不好,就看个人如何选择了,以下分别介绍十一个日期 ...
- WdatePicker,js日期插件 ,时间相加
//WdatePicker,js日期插件 //点击一个日期选择框后,得到日期,然后另一个日期选择框的日期自动加上一天 function pickedFunc(){ $ ...
- javascript时间格式format函数,js日期格式化函数
我在之前有一篇文章,写的是"javascript时间戳函数",大家可以看一下,记录了js时间戳的转换,今天主要写的函数式日期格式化函数,我们有时候调用的new Date()不是格式 ...
- Python 的6个日期时间库
曾几何时,我们中的一个人(Lacey)盯了一个多小时的python文档中描述日期和时间格式化字符串的表格.当我试图编写从 API 中将日期时间字符串转换为Python datetime对象时,我很难理 ...
最新文章
- LeetCode简单题之较大分组的位置
- Elasticsearch-PHP学习
- solr源码分析之searchComponent
- VS2010 使用GDI+创建图片水印的MFC程序
- js 数字千分位展示
- 严格地说来的zhajinhuagame
- JS-函数(匿名-自调用-回调)-递归
- sql server无法绑定由多个部分组成的标识符_HTML5服务器推送事件(Server-sent-event)...
- vs2015+opencv3.2.0配置的一些小事情
- 上传txt生成字典 java_文件上传漏洞fuzz字典生成脚本小工具分享
- POSIX 信号量和互斥锁
- token什么意思中文_gre是什么意思中文
- 万能五笔输入法弹窗_万能五笔输入法广告怎么去掉
- 总结 | C#实现Excel导出功能
- Bootstrap框架使用及可视化布局
- bugku之密码ok解题思路
- 详解电磁兼容测试中 EMI 接收机的几种检波器
- [管理]ERP专业术语
- 100天python、github_GitHub - 1977950729/Python-100-Days: Python - 100天从新手到大师
- Debezium系列之:sqlserver数据库开启CDC
热门文章
- [渝粤教育] 西南科技大学 经济法概论 在线考试复习资料2021版(3)
- 【渝粤教育】广东开放大学 机械制造基础 形成性考核 (51)
- 【渝粤教育】电大中专测量学 (2)作业 题库
- 【渝粤题库】国家开放大学2021春1373特殊教育概论题目
- linux connect 阻塞超时时间,在linux下玩转带有超时时间的connect函数
- 【自适应盲均衡3】多模算法(MMA)——复数改进常模算法(MCMA)的理论推导与MATLAB仿真
- C语言实用算法系列之strtok字符串分割、strcat字符串拼接、strcpy、strcmp
- 基于高阶累积量的数字调制信号分类(Hierarchical Digital Modulation Classification Using Cumulants例1复现)
- android task详解,Android AsyncTask的使用详解
- 程序员python工作_程序员如何在工作中进步