Fabric.js Itext isEditing Property

Angular 10 formatDate() Method

Last Updated : 28 Nov, 2022

In this article, we are going to see what is formatDate in Angular 10 and how to use it. formatDate is used to format a date according to locale rules.

Syntax:

formatDate(value, locale, format, timezone)

Parameters:

value: The number to format.
locale: A locale code for the locale format.
format: The date-time components to include.
timezone: The time zone of the place.

Return Value:

string: the formatted date string.

NgModule: Module used by formatDate is:

CommonModule

Approach:

Create the Angular app to be used.
In app.module.ts import LOCALE_ID because we need locale to be imported for using get formatDate.

import { LOCALE_ID, NgModule } from '@angular/core';

In app.component.ts import formatDate and LOCALE_ID
inject LOCALE_ID as a public variable.
In app.component.html show the local variable using string interpolation
Serve the angular app using ng serve to see the output.

Example 1:

app.component.ts

import { 
  formatDate 
 } 
  from '@angular/common'; 
  
import {Component, 
  Inject, 
  LOCALE_ID } 
  from '@angular/core'; 
  
@Component({ 
selector: 'app-root', 
templateUrl: './app.component.html'
}) 
export class AppComponent { 
curr = formatDate("02-february-0202", 'dd-MM-yyyy' ,this.locale); 
constructor( 
  @Inject(LOCALE_ID) public locale: string,){} 
}

app.component.html

<h1> 
  GeeksforGeeks 
</h1> 
  
<p>Locale Date is : {{curr}}</p> 

Output:

Example 2:

app.component.ts

import { 
  formatDate 
 } 
  from '@angular/common'; 
  
import {Component, 
  Inject, 
  LOCALE_ID } 
  from '@angular/core'; 
  
@Component({ 
selector: 'app-root', 
templateUrl: './app.component.html'
}) 
export class AppComponent { 
curr = formatDate("03-march-0303", 'yyyy-dd-MM' ,this.locale); 
constructor( 
  @Inject(LOCALE_ID) public locale: string,){} 
}

app.component.html

<h1> 
  GeeksforGeeks 
</h1> 
  
<p>Locale Date is : {{curr}}</p> 

Output:

Reference: https://angular.io/api/common/formatDate

Fabric.js Itext isEditing Property

taran910

Improve

Article Tags :

Similar Reads

Angular 10 formatNumber() Method

In this article, we are going to see what is formatNumber in Angular 10 and how to use it. formatNumber is used to format a number based on our requirement in decimal form. Syntax: formatNumber(value, locale, digitsInfo) Parameters: value: The number to format.locale: A locale code for the locale fo

Angular 10 formatPercent() Method

In this article, we are going to see what is formatPercent in Angular 10 and how to use it. formatPercent is used to format a number as a percentage according to locale rules. Syntax: formatPercent(value, locale, digitsInfo) Parameters: value: The number to format.locale: A locale code for the local

Angular 10 DatePipe API

In this article, we are going to see what is DatePipe in Angular 10 and how to use it. DatePipe is used to format a date value according to locale rules. Syntax: {{ value | date }} Approach: Create the angular app that to be used.There is no need for any import for the DatePipe to be used.In app.com

Angular 10 WeekDay API

In this article, we are going to see what is WeekDay in Angular 10 and how to use it. The WeekDay API in Angular10 is used to get the value for each day of the week. Syntax: enum WeekDay { Sunday: 0 Monday Tuesday Wednesday Thursday Friday Saturday } NgModule: Module used by WeekDay is: CommonModule

Angular 10 DemicalPipe API

In this article, we are going to see what is DemicalPipe in Angular 10 and how to use it. The DemicalPipe is used to format a value according to digit options and locale rules. Syntax: {{ value | number}} NgModule: Module used by DecimalPipe is: CommonModule Approach: Create an Angular app to be use

AngularJS | date Filter

AngularJS date filter is used to convert a date into a specified format. When the date format is not specified, the default date format is 'MMM d, yyyy'. Syntax: {{ date | date : format : timezone }} Parameter Values: The date filter contains format and timezone parameters which is optional.Some com

Angular 10 getLocaleTimeFormat() Function

The getLocaleTimeFormat is used to get the localized time-value formatting for the given locale. Syntax: getLocaleTimeFormat(locale: string, width: FormatWidth): string NgModule: Module used by getLocaleTimeFormat is: CommonModule Approach: Create the angular app to be used In app.module.ts import L

Format a Date using ng-model in AngularJS

The ng-model directive is used to bind the value of the input field to a property made in the controller. Formatters are used to convert the value of input from one textural representation to another desired representation. Formatters used for date formatting are useful when the date needs to be upd

Angular Material Datepicker

Angular Material is a UI component library that is developed by Google so that Angular developers can develop modern applications in a structured and responsive way. By making use of this library, we can greatly increase the user experience of an end-user thereby gaining popularity for our applicati

JavaScript Date getFullYear() Method

The JavaScript Date getFullYear() Method is used to fetch the year from a given Date object. Syntax:DateObj.getFullYear()Parameters:This function does not accept any parameters. Return Values:It returns the year for the given date. Example 1: This example shows the use of Date getFullYear() Method.