网站首页 » 前端开发 » JavaScript » moment.js 一个近乎完美的日期类库
上一篇:
下一篇:

moment.js 一个近乎完美的日期类库

前言

其实这篇文章没什么可分享的,不是写给前端大牛,当然本博客也没有这种魅力能引来前端大牛。所以这篇文章是写给前端小白的。

怎么定义小白,其实像这种也不好说,我们不能拿在前端的工作年限来划分,因为很多人虽然在前端打拼了好多年,但水平依旧一般般,比如:我。

差点又跑题了,还是回到 momentjs 的介绍上来吧!

官方网址:http://momentjs.com/

为了让这篇文章看起来不那么寒酸,在这里截个图

moment.js 一个近乎完美的日期类库

为什么说它近乎完美,首先,它不依赖第三方库,比如:jQuery。然后呢还有可以让它如果地被我神话呢?我们接着往下看。

在这里我不说 momentjs 要怎么用,即不说 momentjs 都有哪些属性可用。这里只是想说明两点东西:

  • 1、momentjs 可以帮我们格式化时间戳
  • 2、momentjs 可以帮我们处理一些时间计算问题,比如当前时间加 30 天,如果不用这个插件,那么我们就需要自己写很多代码,来判断日期

在很多第三方插件中,都有用到这个插件,比如:bootstrap-datepicker、fullcalendar

momentjs 的使用非常的简单,引入 moment.js,然后就你可以像下面这样使用它:

// 以日历格式显示
// moment().add(30, 'days').calendar()
// 06/06/2018

// 30 天后
// moment().add(30, 'days').format("YYYY-MM-DD, hh:mm:ss a")
// 2018-06-06, 12:58:47 pm

// 30天前
// moment().subtract(30, 'days').format("YYYY-MM-DD hh:mm:ss a")
// 2018-04-07 12:57:50 pm

不管你是要往后推多少天,或者往前推多少天,moment.js 都会为你计算好,然后显示出正确的年月日。

其实 bootstrap-datepicker 也是基于 fullcalendar 开发的。

moment.js 真的很强大, 我们可以基于它来开发一个日历插件,我猜这是没问题的。

好了,本文就分享到这里。

相关资源

http://momentjs.com/docs/

  • 微信扫一扫,赏我

  • 支付宝扫一扫,赏我

声明

原创文章,不经本站同意,不得以任何形式转载,如有不便,请多多包涵!

本文永久链接:http://yunkus.com/javascript-library-momentjs/

Leave a Reply

Your email address will not be published. Required fields are marked *

评论 END