You don't (may not) need Moment.js

Moment.js is a fantastic time & date library with lots of great features and utilities. However, if you are working on a performance sensitive web application, it might cause a huge performance overhead because of its complex APIs and large bundle size.

Problems with Moment.js:

• It is highly based on OOP APIs, which makes it fail to work with tree-shaking, thus leading to a huge bundle size and performance issues.
• It is mutable and it causes bugs:
• clone
• How do I work around mutability in moment.js?
• Complex OOP API (which doubles mutability problem). Here is an example: https://github.com/moment/moment/blob/develop/src/test/moment/add_subtract.js#L244-L286 Moment.js allows to use a.subtract('ms', 50), a.subtract(50, 'ms') and even a.subtract('s', '50').

If you are not using timezone but only a few simple functions from moment.js, this might bloat your app, and therefore is considered overkill. dayjs has a smaller core and has very similar APIs so it makes it very easy to migrate. date-fns enables tree-shaking and other benefits so that it works great with React, Sinon.js, and webpack, etc. See https://github.com/moment/moment/issues/2373 for more ideas on why and how people switch from moment.js to other solutions.

Brief Comparison

Name	Size original/gzipped	Tree-shaking	Popularity (stars)	Methods richness	Pattern	Timezone Support	Locale
Moment.js	329K/69.6K	No	43.4k	High	OO	Good (moment-timezone)	123
Luxon	59.9K/17.2K	No	9k	High	OO	Good (Intl)	-
date-fns	78.4k/13.4k without tree-shaking	Yes	21.3k	High	Functional	Good (date-fns-tz)	64
dayjs	6.5k/2.6k without plugins	No	25.8k	High	OO	Not yet	130

Voice of Developers

Removed moment.js to replace with date-fns - build output reduced by 40%

—Jared Farago from webnode project.

Good library if you’re looking to replace Moment.js for one reason or another. Immutable too.

—Dan Abramov, Author of Redux and co-author of Create React App. Building tools for humans.

I strongly recommend using date-fns over Moment.js, it's has a nicer API and you can include only parts you need!

—Matija Marohnić, a design-savvy frontend developer from Croatia.

Just yesterday changed momentjs to this lib in out project. Cut the size of our js bundle almost in half 😱

—Sergey Petushkov, a javaScript developer from Moscow, Russia • Currently in Berlin, Germany.

ESLint Plugin

If you're using ESLint, you can install a plugin that will help you identify places in your codebase where you don't (may not) need Moment.js.

Install the plugin...

npm install --save-dev eslint-plugin-you-dont-need-momentjs

...then update your config

"extends" : ["plugin:you-dont-need-momentjs/recommended"],

Quick Links

Parse

1. String + Date Format
2. String + Time Format
3. String + Format + locale

Get + Set

1. Millisecond/Second/Minute/Hour
2. Date of Month
3. Day of Week
4. Day of Year
5. Week of Year
6. Days in Month
7. Weeks in Year
8. Maximum of the given dates
9. Minimum of the given dates

Manipulate

1. Add
2. Subtract
3. Start of Time
4. End of Time

Display

1. Format
2. Time from now
3. Time from X
4. Difference

Query

1. Is Before
2. Is Same
3. Is After
4. Is Between
5. Is Leap Year
6. Is a Date

Feature Parity

⚠️ Indicates other packages or work are needed. See individual functions above.

	Native	Luxon	date-fns	dayjs
Parse
String + Date Format	✅	✅	✅	✅
String + Time Format	✅	✅	✅	⚠️
String + Format + locale	❌	⚠️	✅	⚠️
Get + Set
Millisecond/Second/Minute/Hour	✅	✅	✅	✅
Date of Month	✅	✅	✅	✅
Day of Week	✅	✅	✅	✅
Day of Year	✅	✅	✅	✅
Week of Year	✅	✅	✅	⚠️
Days in Month	✅	✅	✅	✅
Weeks in Year	❌	❌	✅	⚠️
Maximum of the given dates	✅	✅	✅	⚠️
Minimum of the given dates	✅	✅	✅	⚠️
Manipulate
Add	✅	✅	✅	✅
Subtract	✅	✅	✅	✅
Start of Time	❌	✅	✅	✅
End of Time	✅	✅	✅	✅
Display
Format	❌	✅	✅	✅
Time from now	❌	❌	✅	⚠️
Time from X	❌	❌	✅	⚠️
Difference	✅	✅	✅	✅
Query
Is Before	✅	✅	✅	✅
Is Same	✅	✅	✅	✅
Is After	✅	✅	✅	✅
Is Between	❌	✅	✅	⚠️
Is Leap Year	✅	✅	✅	⚠️
Is a Date	✅	✅	✅	✅

Parse

String + Date Format

Return the date parsed from date string using the given format string.

// Moment.js
moment('12-25-1995', 'MM-DD-YYYY');
// => "1995-12-24T13:00:00.000Z"

// Native
const datePattern = /^(\d{2})-(\d{2})-(\d{4})$/;
const [, month, day, year] = datePattern.exec('12-25-1995');
new Date(`${month}, ${day} ${year}`);
// => "1995-12-24T13:00:00.000Z"

// date-fns
import parse from 'date-fns/parse';
parse('12-25-1995', 'MM-dd-yyyy', new Date());
// => "1995-12-24T13:00:00.000Z"

// dayjs
dayjs('12-25-1995');
// => "1995-12-24T13:00:00.000Z"

// luxon
DateTime.fromFormat('12-25-1995', 'MM-dd-yyyy').toJSDate();
// => "1995-12-24T13:00:00.000Z"

⬆ back to top

String + Time Format

Return the date parsed from time string using the given format string.

// Moment.js
moment('2010-10-20 4:30', 'YYYY-MM-DD HH:mm');
// => "2010-10-19T17:30:00.000Z"

// Native
const datePattern = /^(\d{4})-(\d{2})-(\d{2})\s(\d{1,2}):(\d{2})$/;
const [, year, month, day, rawHour, min] = datePattern.exec('2010-10-20 4:30');
new Date(`${year}-${month}-${day}T${('0' + rawHour).slice(-2)}:${min}:00`);
// => "2010-10-19T17:30:00.000Z"

// date-fns
import parse from 'date-fns/parse';
parse('2010-10-20 4:30', 'yyyy-MM-dd H:mm', new Date());
// => "2010-10-19T17:30:00.000Z"

// dayjs ⚠️ requires customParseFormat plugin
import customParseFormat from 'dayjs/plugin/customParseFormat';
dayjs.extend(customParseFormat);
dayjs('2010-10-20 4:30', 'YYYY-MM-DD HH:mm');
// => "2010-10-19T17:30:00.000Z"

// luxon
DateTime.fromFormat('2010-10-20 4:30', 'yyyy-MM-dd H:mm').toJSDate();
// => "2010-10-19T17:30:00.000Z"

⬆ back to top

String + Format + locale

Return the date parsed from string using the given format string and locale.

// Moment.js
moment('2012 mars', 'YYYY MMM', 'fr');
// => "2012-02-29T13:00:00.000Z"

// date-fns
import parse from 'date-fns/parse';
import fr from 'date-fns/locale/fr';
parse('2012 mars', 'yyyy MMMM', new Date(), { locale: fr });
// => "2012-02-29T13:00:00.000Z"

// dayjs ⚠️ requires customParseFormat plugin
import customParseFormat from 'dayjs/plugin/customParseFormat';
import 'dayjs/locale/fr';
dayjs.extend(customParseFormat);
dayjs('2012 mars', 'YYYY MMM', 'fr');
// => "2012-02-29T13:00:00.000Z"

// Luxon ❌ does not support Locale for node unless https://moment.github.io/luxon/docs/manual/install.html#node
DateTime.fromFormat('2012 mars', 'yyyy MMMM', { locale: 'fr' });
// => "2012-02-29T13:00:00.000Z"

⬆ back to top

Get + Set

Millisecond / Second / Minute / Hour

Get the Millisecond/Second/Minute/Hour of the given date.

// Moment.js
moment().seconds();
// => 49
moment().hours();
// => 19

// Native
new Date().getSeconds();
// => 49
new Date().getHours();
// => 19

// date-fns
import getSeconds from 'date-fns/getSeconds';
import getHours from 'date-fns/getHours';
getSeconds(new Date());
// => 49
getHours(new Date());
// => 19

// dayjs
dayjs().second();
// => 49
dayjs().hour();
// => 19

// Luxon
DateTime.local().second;
// => 49
DateTime.local().hour;
// => 19

Performance tests

Library	Time
Moment	1500.703ms
Native	348.411ms
DateFns	520.670ms
DayJs	494.234ms
Luxon	1208.368ms

Set the Millisecond/Second/Minute/Hour of the given date.

// Moment.js
moment().seconds(30);
// => "2018-09-09T09:12:30.695Z"
moment().hours(13);
// => "2018-09-09T03:12:49.695Z"

// Native
new Date(new Date().setSeconds(30));
// => "2018-09-09T09:12:30.695Z"
new Date(new Date().setHours(13));
// => "2018-09-09T03:12:49.695Z"

// date-fns
import setSeconds from 'date-fns/setSeconds';
import setHours from 'date-fns/setHours';
setSeconds(new Date(), 30);
// => "2018-09-09T09:12:30.695Z"
setHours(new Date(), 13);
// => "2018-09-09T03:12:49.695Z"

// dayjs
dayjs().set('second', 30);
// => "2018-09-09T09:12:30.695Z"
dayjs().set('hour', 13);
// => "2018-09-09T03:12:49.695Z"

// luxon
DateTime.utc()
  .set({ second: 30 })
  .toJSDate();
// => "2018-09-09T09:12:30.695Z"
DateTime.utc()
  .set({ hour: 13 })
  .toJSDate();
// => "2018-09-09T03:12:49.695Z"

Performance tests

Library	Time
Moment	1689.744ms
Native	636.741ms
DateFns	714.148ms
DayJs	2037.603ms
Luxon	2897.571ms

⬆ back to top

Date of Month

Gets or sets the day of the month.

```js // Moment.js moment().date(); // => 9 moment().date(4); // => "2018-09-