Angular 15 Install Moment JS Example

By Hardik Savani May 1, 2024 Category : Angular

Hi Artisan,

In this tutorial, you will discover install moment in angular 15. I explained simply about how to add moment js in angular 15. I would like to show you use moment in angular 15. This post will give you a simple example of angular 15 import moment. Alright, let’s dive into the steps.

In this tutorial, I will give you very simple steps to install moment js in the angular 15 application. so let's follow steps here:

Install Moment JS

You have to run the 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