How to Install Moment JS in Angular 13?

By Hardik Savani December 20, 2021 Category : Angular

In this tutorial, you will learn install moment in angular 13. this example will help you how to add moment js in angular 13. let’s discuss about use moment in angular 13. In this article, we will implement a angular 13 import moment.

In this tutorial, i will give you very simple step to install moment js in angular 13 application. so let's follow bellow step here:

Install Moment JS

You have to run bellow command to install moment js npm package in angular.

npm install moment --save

Add Moment in Component ts File

Let's use bellow code for component file.

so, let's update as like bellow:

src/app/app.component.ts

import { Component } from '@angular/core';

import * as moment from 'moment';

@Component({

selector: 'app-root',

templateUrl: './app.component.html',

styleUrls: ['./app.component.css']

})

export class AppComponent {

title = 'firstApp';

constructor() {

this.test();

}

test() {

const date = moment();

let todayDate = date.format('M/D/YYYY');

console.log(todayDate);

}

}

Run Angular App:

All the required steps have been done, now you have to type the given below command and hit enter to run the Angular app:

ng serve

Now, Go to your web browser, type the given URL and view the app output:

http://localhost:4200

Output:

12/20/2021

i hope it can help you...