Angular 16 Install Moment JS Example
Hello Guys,
In this example, I will show you install moment in angular 16. you will learn how to add moment js in angular 16. letβs discuss about use moment in angular 16. letβs discuss about angular 16 import moment. So, let us dive into the details.
In this tutorial, I will give you very simple steps to install moment js in the angular 16 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/2023
i hope it can help you...