How to use Moment.js in Angular 2 – Jozef Jarosciak Blog

It took a bit of a figuring it out, but this is how to use Moment.js in Angular 2 application…

Install Moment.js first:

npm install moment --save

1	npm install moment --save

Then, edit systemjs.config.js:

Add following into map array:

'moment': 'node_modules/moment'

1	'moment': 'node_modules/moment'

And following into packages array:

'moment': { defaultExtension: 'js' }

1	'moment': { defaultExtension: 'js' }

So it looks like this:

2016-09-22_8-34-21

Edit app.component.ts and add in following import:

import * as moment from 'moment/moment';

1	import * as moment from 'moment/moment';

2016-09-22_9-12-22

Now, you can use Moment.js in your component class, e.g.

Enjoy!

comments