Angular 15 Install Moment JS Example

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...