angular date pipe timezone code example

Example 1: angular date formats

'short': equivalent to 'M/d/yy, h:mm a' (6/15/15, 9:03 AM).
'medium': equivalent to 'MMM d, y, h:mm:ss a' (Jun 15, 2015, 9:03:01 AM).
'long': equivalent to 'MMMM d, y, h:mm:ss a z' (June 15, 2015 at 9:03:01 AM GMT+1).
'full': equivalent to 'EEEE, MMMM d, y, h:mm:ss a zzzz' (Monday, June 15, 2015 at 9:03:01 AM GMT+01:00).
'shortDate': equivalent to 'M/d/yy' (6/15/15).
'mediumDate': equivalent to 'MMM d, y' (Jun 15, 2015).
'longDate': equivalent to 'MMMM d, y' (June 15, 2015).
'fullDate': equivalent to 'EEEE, MMMM d, y' (Monday, June 15, 2015).
'shortTime': equivalent to 'h:mm a' (9:03 AM).
'mediumTime': equivalent to 'h:mm:ss a' (9:03:01 AM).
'longTime': equivalent to 'h:mm:ss a z' (9:03:01 AM GMT+1).
'fullTime': equivalent to 'h:mm:ss a zzzz' (9:03:01 AM GMT+01:00).

Example 2: date format angular

content_copy
      
      @Component({
 selector: 'date-pipe',
 template: `<div>
   <p>Today is {{today | date}}</p>
   <p>Or if you prefer, {{today | date:'fullDate'}}</p>
   <p>The time is {{today | date:'h:mm a z'}}</p>
 </div>`
})
// Get the current date and time as a date-time value.
export class DatePipeComponent {
  today: number = Date.now();
}

Example 3: javascript date pipe central timezone example

import { Pipe, PipeTransform } from '@angular/core';import { DatePipe } from '@angular/common';import * as moment from 'moment-timezone';/*** A moment timezone pipe to support parsing based on time zone abbreviations* covers all cases of offset variation due to daylight saving.** Same API as DatePipe with additional timezone abbreviation support* Official date pipe dropped support for abbreviations names from Angular V5*/@Pipe({  name: 'momentDate'})export class MomentDatePipe extends DatePipe implements PipeTransform {transform(  value: string | Date,  format: string = 'mediumDate',   timezone: string = 'Europe/Prague'): string {  const timezoneOffset = moment(value).tz(timezone).format('Z');  return super.transform(value, format, timezoneOffset);  }}

Example 4: javascript date pipe central timezone example

<!--output '2015-06-15 05:03 PM GMT+9'-->
    <p>The custom date is {{today | date:'yyyy-MM-dd HH:mm a z':'+0900'}</p>