Moment.js简单使用
1、设置语言环境,如设置中文环境:
moment.locale("zh-cn");
2、当前时间、指定时间:
// 假设当前时间为:2018年12月10日
moment(); // 结果:moment("2018-12-10T14:25:00.463")
moment(new Date()); // 结果:moment("2018-12-10T14:25:00.463")
moment("2018-12-10 13:48:36.458"); // 结果:moment("2018-12-10T13:48:36.458")
3、年月日:
// 假设当前时间为:2018年12月10日 // 年
moment().format("YY"); // 结果:18
moment().format("YYYY"); // 结果:2018
moment().format("gg"); // 结果:18
moment().format("gggg"); // 结果:2018
moment().format("GG"); // 结果:18
moment().format("GGGG"); // 结果:2018 // 月
moment().format("M"); // 结果:12
moment().format("MM"); // 结果:12
moment().format("Mo"); // 结果:12月
moment().format("MMM"); // 结果:12月
moment().format("MMMM"); // 结果:十二月 // 日
moment().format("D"); // 结果:10
moment().format("Do"); // 结果:10日
moment().format("DD"); // 结果:10
4、时分秒:
// 假设当前时间为:2018年12月10日 // 12小时制
moment().format("h"); // 结果:2
moment().format("hh"); // 结果:02
// 24小时制
moment().format("H"); // 结果:14
moment().format("HH"); // 结果:14 // 分
moment().format("m"); // 结果:55
moment().format("mm"); // 结果:55 // 秒
moment().format("s"); // 结果:5
moment().format("ss"); // 结果:05 // 毫秒
moment().format("S"); // 结果:8
moment().format("SS"); // 结果:87
moment().format("SSS"); // 结果:876
5、显示周几、星期几:
// 显示当前周几下标,0:周日、1:周一、2:周二、...、周六:6
moment().format("d"); // 结果:1 // 显示当前是周几,如:周一、周二、周三、...
moment().format("ddd"); // 结果:周一 // 显示当前是星期几,如:星期一、星期二、星期三、...
moment().format("dddd"); // 结果:星期三
6、显示季度:
// 假设当前时间为:2018年12月10日
moment().format("Q"); // 结果:4
7、显示一年中的第几天:
// 假设当前时间为:2018年12月10日
moment().format("DDD"); // 结果:344
moment().format("DDDo"); // 结果:344日
moment().format("DDDD"); // 结果:344
8、星期下标:
// 假设当前时间为:2018年12月10日 // Locale:0 1 ... 5 6
moment().format("e"); // 结果:0
// ISO:1 2 ... 6 7
moment().format("E"); // 结果:1
9、一年中第几个星期:
// 假设当前时间为:2018年12月10日
moment().format("w"); // 结果:50
moment().format("wo"); // 结果:50周
moment().format("ww"); // 结果:50
moment().format("W"); // 结果:50
moment().format("Wo"); // 结果:50周
moment().format("WW"); // 结果:50
10、上午还是下午:
// 假设当前时间为:2018年12月10日
moment().format("A"); // 结果:下午
moment().format("a"); // 结果:下午
11、时间戳、毫秒数:
// 时间戳(总秒数)
moment().format("X"); // 结果:1544425410
// 总毫秒数
moment().format("x"); // 结果:1544425410853
12、时间差:
// 默认时间差为毫秒
let begin = moment();
let end = moment().add(2,'second');
end.diff(begin); // 结果:2000
Moment.js简单使用的更多相关文章
- js简单 图片版时钟,带翻转效果
js简单 图片版时钟,带翻转效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...
- js简单操作Cookie
贴一段js简单操作Cookie的代码: //获取指定名称的cookie的值 function getCookie(objName) { var arrStr = document.cookie.spl ...
- js简单弹出层、遮罩层
<html> <head> <title>js简单弹出层</title> <style> /*阴影边框效果*/ .box-shadow-1 ...
- Tourist.js – 简单灵活的操作指南和导航插件
Tourist.js 是一个基于 Backbone 和 jQuery 开发的轻量库,帮助你在应用程序创建简单易用的操作指南和导航功能.相比网站,它更适合用于复杂的,单页网站类型的应用程序.Touris ...
- js简单显示和隐藏div,触发超链接,动态更改button值,setInterval()简单使用,jquery easyui弹出框简单使用 .
js简单显示和隐藏div .<!DOCTYPE html> .<html> .<head> .<meta charset="UTF-8"& ...
- Gulp.js - 简单、直观的自动化项目构建工具
Gulp.js 是一个简单.直观的构建系统.崇尚代码优于配置,使复杂的任务更好管理.通过结合 NodeJS 的数据流的能力,你能够快速构建.通过简单的 API 接口,只需几步就能搭建起自己的自动化项目 ...
- Node.js简单介绍并实现一个简单的Web MVC框架
编号:1018时间:2016年6月13日16:06:41功能:Node.js简单介绍并实现一个简单的Web MVC框架URL :https://cnodejs.org/topic/4f16442cca ...
- JS简单入门教程
JS简单教程 使用方法:放到任意html页面的head标签下 Test1方法弹出当前时间对话框 Test2方法for循环输出 Test3方法for(…in…)输出数组内容 <script typ ...
- js简单实现链式调用
链式调用实现原理:对象中的方法执行后返回对象自身即可以实现链式操作.说白了就是每一次调用方法返回的是同一个对象才可以链式调用. js简单实现链式调用demo Object.prototype.show ...
- 原生js简单调用百度翻译API实现的翻译工具
先来个在线demo: js翻译工具 或者百度搜索js简单调用百度翻译API工具(不过有个小小的界面显示bug,我想细心的人应该会发现) 或者直接前往该网址:js翻译工具 或者前往我的github:gi ...
随机推荐
- 记录一次无厘头的粗心失误——java后台报错:Unknown column 'xxx' in 'field list'
原因: sql文件马虎,直接用错了仓库.用的不是程序调用的仓库.而自己pojo和mapper还是采用Mybatis的逆向工程生成的.当时搞得很无厘头. 解决方案: sql用到程序指定的仓库就行啦. 总 ...
- linux ps aux 各列内容说明
[root@zabbix3 ~]# ps auxUSER PID %CPU %MEM VSZ RSS TTY STAT START TIME COMMANDroot ...
- ajax属性详解
https://blog.csdn.net/mooncom/article/details/52402836 资料库: $.ajaxSetup()方法为将来的ajax请求设置默认值. http://w ...
- jsonp原理,封装,应用(vue项目)
jsonp原理 JSON是一种轻量级的数据传输格式. JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题.由于同源策略,一般来说位于 ...
- asp.net动态为网页添加关键词的代码
如下资料是关于asp.net动态为网页添加关键词的代码,希望能对小伙伴们有较大用.HtmlMeta keywords = new HtmlMeta();keywords.Name = "ke ...
- Python3开发过程常见的异常(最近更新:2019-04-26)
持续更新中... 常见异常解决方案 1.Base Python3.7环境相关:https://www.cnblogs.com/dotnetcrazy/p/9095793.html 1.1.Indent ...
- Linux环境配置错误记录
1. pip install --special_version pip10. 版本. 使用命令: python -m pip install pip== 其中, -m 参数的意思是将库中的pyt ...
- @WebFilter注解
@WebFilter @WebFilter 用于将一个类声明为==过滤器==,该注解将会在部署时被容器处理,容器将根据具体的属性配置将相应的类部署为过滤器.该注解具有下表给出的一些常用属性 ( 以下所 ...
- Scrum【转】
转载自:https://www.cnblogs.com/l2rf/p/5783726.html 灵感来自于一段冷笑话: 一天,一头猪和一只鸡在路上散步,鸡看了一下猪说,“嗨,我们合伙开一家餐馆怎么样? ...
- MFC:位图和图标的设置
一. 图标的设置 加载图标 API函数:AfxGetApp()->LoadIconW(); 2. 显示图标 API函数:SetClassLong(); 函数原型:DWORD WINAPI S ...