How to Install Moment JS in Angular 14?

By Hardik Savani May 1, 2024 Category : Angular

Hi,

In this short tutorial we will cover an install moment in angular 14. This tutorial will give you simple example of how to add moment js in angular 14. Here you will learn use moment in angular 14. I would like to show you angular 14 import moment.

In this tutorial, I will give you very simple steps to install moment js in the angular 14 application. so let's follow below steps 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:

06/20/2022

i hope it can help you...

Shares