Moment.js (A JavaScript Library to Manipulate Dates)





5.00/5 (9 votes)
This library provides a very easy way to manipulate dates and times.
Introduction
This JavaScript Library helps to work with date and time. As we know, when we work on date and time using JavaScript, we encounter many challenges. So this library ultimately saves you time and effort because it provides a rich set of functions. By using them, you can directly validate, manipulate and format date values. Since this is a light-weight library, it is very easy to use without overhead.
Background
This library is freely available. You can use either a minified or full version of this library as you require. In this library, all the operations are performed on a moment object so the date or time is stored in this library as a moment object only. So this moment object is the core of this entire library. You can find this library at Moment.js site's home page.
Using the Code
You can use this library with node.js or a browser. To use this library in Node.js, you can write the following:
npm install moment
var moment =require ('moment');
Moment.format();
And if you want to use this library, then you need to add this Moment.js library as in the following:
<script src="moment.js" temp_src="moment.js"></script>
<script>
moment().format();
</script>
- If you want to get today's
date
ortime
:var now=moment();
- If you want to pass a date as a
string
:var dt=moment("Dec 25, 1995");
- Validate a
date
usingisValid()
:moment('122-22-2222').isVaid()
- When passing a
date
as astring
if you know the format, then you can specify the format:moment("11-21-2013", "MM-DD-YYYY");
We can specify the format from the table below:
M.MM MonthNumber (1-12) D,DD Dayof month YY 2digit year m,mm minutes h,hh 24hour time s,ss Seconds S Deciseconds SS CentiSeconds SSS Milliseconds - If you want to wrap a
date
object tomoment
:var dat = new Date(2013, 10, 22); var wrap = moment(dat);
- Fetch
Date
andtime
from amoment
object:moment().date(); moment().date(Number); moment().days(Number | String); moment().days();// Number moment().dayOfYear(Number); moment().year(Number); moment().year();
You can use many builtin methods to fetch all details.
- Difference:
If you want to find the difference between two moments, then there are many functions provided by moment.js.
moment().diff(Moment|String|Number|Date|Array); moment().diff(Moment|String|Number|Date|Array, String); moment().diff(Moment|String|Number|Date|Array, String, Boolean);
- To get the difference in milliseconds:
var first = moments([2010, 0, 29]); var second = moments([2013, 1, 29]); alert(first.diff(second));
- To get the difference in years, days or months, you can specify one more argument:
alert(first.diff(second,'days')); alert(first.diff(second,'months')); alert(first.diff(second,'years'));
- To get a floating value, suppose in the case of
years
, you can pass one more argument astrue
then it will return the exact floating value:
alert(first.diff(second,'years',true));
- Convert to JSON
If you want to convert
moment
to JSON, then you can directly use thetoJSON()
method:moment().toJSON();
- Manipulation
- Add:
moment().add('days', 7);
In place of
days
, you can writemonths
,weeks
,minutes
,hours
,seconds
, and so on.moment().add({days:7,months:1});
You can use this object in literal format also.
Subtract
moment().subtract(String, Number); moment().subtract('days', 7);
- Formatting
moment().format(String);
Here,
String
is format ofdate
like following:moment().format("dddd, MM Do YYYY, h:mm "); moment().format("ddd, hA,SS");
- Some important functions for comparison:
IsBefore
This function will check whether the first date is earlier than the second date:
moment().isBefore(Moment | String | Number | Date | Array, String); moment('2012-10-10').isBefore('2012-10-11');// true
If you want to check which current date and time.
moment().isBefore();
By default, it checks by miliseconds and if you want it to be restricted to some level for comparison, then you can specify that as in the following:
moment('2012-11-20').isBefore('2012-12-31','year'); //false
IsSame
This function determines whether two
date
s are the same or not.moment().isSame(Moment | String | Number | Date | Array, String); moment('2013-11-10').isSame('2013-11-10');// true
You can specify which part you need to compare as in the following:
moment('2013-11-10').isSame('2013-10-21', 'year'); // true
This will compare the
year
part of thedate
.If you do not specify a
date
, then it will use the currenttime
by default:moment().isSame();// true
As in the methods above, moment.js also provides the following methods:
IsAfter() ;//check if a moment is after another moment. isLeapYear() : // check year is leap year or not. isMoment() ;//check variable is moment object or not.
There are many other features and methods available. For more information, please refer to the documentation of moments.js.