by Sai gowtham

Getting a current year in Angular App

In this tutorial, we are going to learn about how to get a current year in the angular app using the new Date() constructor.

Using new Date() constructor

The new Date() constructor contains a getFullYear() method, which returns the current year in four-digit (2020) format according to the user local time.

Here is an example, that renders the current year in the footer component of our angular app.

footer.component.ts
import { Component} from '@angular/core';

@Component({
  selector: 'my-footer',
  templateUrl: './footer.component.html',
  styleUrls: [ './footer.component.css' ]
})

export class FooterComponent  {
  currentYear = new Date().getFullYear(); // 2020}
footer.component.html
<footer>
  <p> CopyRight {{currentYear}} </p></footer>

There is also other method called getUTCFullYear() which returns the current year according to the universal time instead of user local time.

footer.component.ts
import { Component} from '@angular/core';

@Component({
  selector: 'my-footer',
  templateUrl: './footer.component.html',
  styleUrls: [ './footer.component.css' ]
})

export class FooterComponent  {
  currentYear = new Date().getUTCFullYear(); // 2020}
footer.component.html
<footer>
  <p> CopyRight {{currentYear}} </p></footer>

Css Tutorials & Demos

How rotate an image continuously in CSS

In this demo, we are going to learn about how to rotate an image continuously using the css animations.

How to create a Instagram login Page

In this demo, i will show you how to create a instagram login page using html and css.

How to create a pulse animation in CSS

In this demo, i will show you how to create a pulse animation using css.

Creating a snowfall animation using css and JavaScript

In this demo, i will show you how to create a snow fall animation using css and JavaScript.

Top Udemy Courses

JavaScript - The Complete Guide 2021 (Beginner + Advanced)
JavaScript - The Complete Guide 2021 (Beginner + Advanced)
64,026 students enrolled
52 hours of video content
View Course
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
284,472 students enrolled
40 hours of video content
View Course
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
152,857 students enrolled
48.5 hours of video content
View Course