摘要:大家在项目中一定会遇到很多关于时间处理的问题,比如你想获取一个本地时间格式为,常用的方法是先拿到时间再用正则替换什么的。
大家在项目中一定会遇到很多关于时间处理的问题,比如你想获取一个本地时间格式为YYYY-MM-DD,常用的方法是先拿到时间再用正则替换什么的。比较麻烦,也比较费劲。每次都要弄。所以呢就想着有没有什么简单的方法,之后就发现了一个轻量级的Javascript日期处理类库:moment.js,使用它可以轻松解决前端开发中遇到的种种日期时间问题。
moment.js不依赖任何第三方库,支持字符串、Date、时间戳以及数组等格式,可以像PHP的date()函数一样,格式化日期时间,计算相对时间,获取特定时间后的日期时间等等,本文有如下举例。
格式化日期javascriptmoment().format("YYYY-MM-DD HH:mm:ss"); //2014-09-24 23:36:09获取当前时间 moment().format("MMMM Do YYYY, h:mm:ss a"); // 七月 13日 2015, 10:53:40 上午 moment().format("ffffdd"); // 星期一 moment().format("MMM Do YY"); // 7月 13日 15 moment().format("YYYY [escaped] YYYY"); // 2015 escaped 2015 moment().format(); // 2015-07-13T10:53:40+08:00相对时间
javascriptmoment("20111031", "YYYYMMDD").fromNow(); // 2011年10月31日距离现在的时间 moment().startOf("day").fromNow(); // 今天过了多久 moment().endOf("day").fromNow(); // 还有几个小时今天就结束了 moment().startOf("hour").fromNow(); //这个小时过去了几分钟 moment().add("days",3).format("YYYY-MM-DD"); //三天后的日期多样化的本地时间
javascriptmoment().format("L"); // 2015-07-13 标准本地时间 moment().format("l"); // 2015-07-13 moment().format("LL"); // 2015年7月13日 moment().format("ll"); // 2015年7月13日 moment().format("LLL"); // 2015年7月13日上午10点55 moment().format("lll"); // 2015年7月13日上午10点55 moment().format("LLLL"); // 2015年7月13日星期一上午10点55 moment().format("llll"); //2015年7月13日星期一上午10点55
moment.js提供了丰富的说明文档。我们日常开发中最常用的是格式化时间,下面列举一下所有的时间格式
格式代码 | 说明 | 例子 |
---|---|---|
YYYY | 4位数字年份 | 2010、2012 |
YY | 两位数字年份 | 15 |
M | 月份的数字值没有前导0 | 1、2...10 |
MM | 月份的数字值有前导0 | 01、02...12 |
MMM | 三个字母缩写的月份 | Jan到Dec |
MMM | 月份的英文全拼 | January到December |
Q | 返回现在是第几个季度 | 1、2、3、4 |
D | 当前是几号,没有前导0 | 1、2...31 |
DDD | 一年中的第几天 | 1、2...365 |
DD | 当前是几号,有前导0 | 01、02...31 |
d | 周几 | 0、1...6,0表示周日,6表示周六 |
ffffd | 三个字母的周几缩写 | Sun到Sat |
ffffdd | 周几全拼 | Sunday到Saturday |
w | 一年中的的几周 | eg:10代表第10周 |
A | 上午或下午大写 | AM、PM |
a | 小午或下午大写 | am、pm |
HH | 小时,24小时制,有前导零 | 00、01...23 |
H | 小时,24小时制,无前导零 | 0、1...23 |
hh | 小时,12小时制,有前导零 | 00、01...12 |
hh | 小时,12小时制,无前导零 | 0、1...12 |
mm | 分钟,有前导0 | 00、01...59 |
m | 分钟,无前导0 | 0、1...59 |
ss | 秒,有前导0 | 00、01..59 |
s | 秒,无前导0 | 0、1..59 |
X | Unix时间戳(秒级) | 1410715640.579 |
x | Unix时间戳(毫秒级) | 1410715640579 |
更多有关moment.js的介绍,请访问项目官网:http://momentjs.com/
第一次写博文,如有错误,欢迎纠正。(*^__^*)
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/85825.html
摘要:如果路由重组,模板中的链接将被打断而变得无法访问。静态文件应用程序不仅仅是由代码和模板组成。当服务器收到来自之前示例的,它会产生一个响应包含的文件内容。一个优雅的解决方案是允许服务器只发送时间给浏览器,由浏览器转为当地时间并渲染。 4、链接 任何应用程序都有多个路由,必然需要包含链接来连接不同的页面,例如导航栏。 在模板中,对于简单的路由直接写URLs做链接是非常琐碎麻烦的,而给带...
摘要:弹出层是一个轻量级的库用于管理工具提示和弹窗效果。一个带有的跨浏览器富文本编辑器。由制作,适用于每天写作的富文本编辑器。轻量的操作库。是一个快速简单轻量级的浏览器功能检测库。它没有任何的依赖,并且压缩后仅有。极小跨平台的全屏插件。 在这里维持一个持续更新的地方 图片 baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demo Lightgallery.js -...
摘要:弹出层是一个轻量级的库用于管理工具提示和弹窗效果。一个带有的跨浏览器富文本编辑器。由制作,适用于每天写作的富文本编辑器。轻量的操作库。是一个快速简单轻量级的浏览器功能检测库。它没有任何的依赖,并且压缩后仅有。极小跨平台的全屏插件。 在这里维持一个持续更新的地方 图片 baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demo Lightgallery.js -...
摘要:弹出层是一个轻量级的库用于管理工具提示和弹窗效果。一个带有的跨浏览器富文本编辑器。由制作,适用于每天写作的富文本编辑器。轻量的操作库。是一个快速简单轻量级的浏览器功能检测库。它没有任何的依赖,并且压缩后仅有。极小跨平台的全屏插件。 在这里维持一个持续更新的地方 图片 baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demo Lightgallery.js -...
阅读 3656·2021-11-11 16:55
阅读 1626·2021-10-08 10:04
阅读 3556·2021-09-27 13:36
阅读 2739·2019-08-30 15:53
阅读 1840·2019-08-30 11:17
阅读 1237·2019-08-29 16:55
阅读 2081·2019-08-29 13:57
阅读 2460·2019-08-29 13:13