angular-moment-timezone
moment-timezone.js pipes for Angular
This module works with Angular 2.0 and above.
Installation
npm install --save angular-moment-timezone
If you use typescript 1.8, and typings, you may also need to install typings for moment.js:
typings install --save moment moment-timezone
For System.js users:
First you need to install moment:
npm install --save moment moment-timezone
Don´t forget to update your systemjs.config.js:
packages: {
app: {
main: './main.js',
defaultExtension: 'js'
},
'moment': {
main: './moment.js',
defaultExtension: 'js'
},
'moment-timezone': {
main: './moment-timezone.js',
defaultExtension: 'js'
},
'angular-moment-timezone': {
main: './index.js',
defaultExtension: 'js'
}
}
Usage
Import MomentTimezoneModule
into your app's modules:
;
This makes all the angular-moment-timezone
pipes available for use in your app components.
Available pipes
Note: angular2-moment pipes also used in examples.
amTz pipe
Takes an optional parseInZone
argument that defaults to false
.
Prints date in "America/New_York" timezone.
Complete Example
;;;;;platformBrowserDynamic.bootstrapModuleAppModule;
Examples and amTz second param meaning:
See examples below with all variation. 'Current Time Zone' term is Time Zone for your (client) browser.
Input value without defined TZ:
{{ '2007-03-01T13:00:00Z' }} (raw: TZ - UTC) {{ '2007-03-01T13:00:00Z' | amDateFormat }} (formatted: in current TZ, parse in UTC) = 2007-03-01T16:00:00+03:00 {{ '2007-03-01T13:00:00Z' | amTz:"America/New_York":false | amDateFormat }} (formatted: in America/NY TZ, parse in UTC ) = 2007-03-01T08:00:00-05:00 {{ '2007-03-01T13:00:00Z' | amTz:"America/New_York":true | amDateFormat }} (formatted: in America/NY TZ, parse in UTC) = 2007-03-01T08:00:00-05:00
Input value with defined TZ:
{{ '2007-03-01T13:00:00' }} (raw: TZ - Unknown ) {{ '2007-03-01T13:00:00' | amDateFormat }} (formatted: in current TZ, parse in current TZ) = 2007-03-01T13:00:00+03:00 {{ '2007-03-01T13:00:00' | amTz:"America/New_York":false | amDateFormat }} (formatted: in America/NY TZ, parse in current TZ) = 2007-03-01T05:00:00-05:00 {{ '2007-03-01T13:00:00' | amTz:"America/New_York":true | amDateFormat }} (formatted: in America/NY TZ, parse in America/NY TZ) = 2007-03-01T13:00:00-05:00