Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

Angular 10 WeekDay API

  • Last Updated : 14 Jun, 2021

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

 

Approach: 

  • Create an angular app that to be used.
  • Import WeekDay to your app.component.ts file.
  • Define week day variable in app.component.ts
  • In app.component.html, use weekDay variable to get index values of week day.
  • Serve the angular app using ng serve to see the output.

Example:

app.component.ts




import { Component, Inject } from '@angular/core';
import { PLATFORM_ID } from '@angular/core';
import { WeekDay } from '@angular/common';
import { isPlatformWorkerApp } from '@angular/common';
  
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  public weekDays: WeekDay[] = [
      WeekDay.Monday, 
      WeekDay.Tuesday, 
      WeekDay.Wednesday, 
      WeekDay.Thursday, 
      WeekDay.Friday, 
      WeekDay.Saturday, 
      WeekDay.Sunday];
}

app.component.html




<h1>GeeksforGeeks</h1>
<select>
  <option *ngFor="let day of weekDays" value="day">
        Day No:{{day}}
   </option>                           
</select>

Output:

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


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!