I am working in an angular 4 application, Here I need to get the current Date and Time Using
angular DatePipe
.
I want to get the date and time in the following format
dd-mm-yyyy hh:MM:ss AM/PM
I got the expected by using the Angular DatePipe as follows
<p>{{today | date:'dd-MM-yyyy hh:mm:ss a':'+0530'}}</p>
output :
10-05-2018 03:28:57 PM
Here I What I want to do is get the same output from my app.component.ts without touching the HTML's
So I tried the below code but it generates a 13 digit timestamp
today = Date.now();
fixedTimezone = this.today;
SO how can I get the date and time as the mentioned format purely from app.component.ts file without using HTML's.
We'll get the current date by using the date() method in the app. component. ts file. Copy # Angular today = new Date();
Will works on Angular 6 or above
You don't need any 3rd party library. You can format using angular method/util
. import formatDate
from the common package and pass other data. See the below-given example.
import { Component } from '@angular/core';
import {formatDate } from '@angular/common';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
today= new Date();
jstoday = '';
constructor() {
this.jstoday = formatDate(this.today, 'dd-MM-yyyy hh:mm:ss a', 'en-US', '+0530');
}
}
stackblitz: https://stackblitz.com/edit/angular-vjosat?file=src%2Fapp%2Fapp.component.ts
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With