JS
Angular JS
How To Install Moment JS In Angular 14?
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:
- TAGS
- Angular
- Angular 14
- 4.5/5.0
- Last updated 08 September, 2022
- By Admin
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...