fix(locale): set timezone in moment pipe

Issue #3

package.json

@@ -36,6 +36,7 @@
     "cordova-sqlite-storage": "^5.0.0",
     "core-js": "^2.5.4",
     "moment": "^2.24.0",
+    "moment-timezone": "^0.5.28",
     "query-string": "^6.12.1",
     "rxjs": "~6.5.1",
     "stripe-angular": "^1.0.2",
@@ -52,6 +53,7 @@
     "@ionic/angular-toolkit": "^2.1.1",
     "@types/jasmine": "~3.3.8",
     "@types/jasminewd2": "~2.0.3",
+    "@types/moment-timezone": "^0.5.13",
     "@types/node": "~8.9.4",
     "@typescript-eslint/eslint-plugin": "^2.29.0",
     "@typescript-eslint/parser": "^2.29.0",

src/app/pipes/moment/moment.pipe.ts

@@ -1,15 +1,15 @@
 import { Pipe, PipeTransform } from "@angular/core";
-import * as moment from "moment";
+import * as moment from "moment-timezone";
 import { TranslateService } from "@ngx-translate/core";
-
+import { environment } from "src/environments/environment";
 @Pipe({
   name: "moment",
   pure: false
 })
 export class MomentPipe implements PipeTransform {
   constructor(private lang: TranslateService) {}
   transform(value: any, ...args: Array<any>): any {
-    const date = moment(value);
+    const date = moment(value).tz(environment.timezone);
     date.locale(this.lang.currentLang === "zh" ? "zh-cn" : "en");
     const [format] = args;
     return date.format(format);

src/environments/environment.prod.ts

@@ -10,5 +10,6 @@ export const environment = {
   media: "https://duocun.com.cn/media/",
   stripe: "pk_live_vV7H1l4X9k2r8uf6JDf9lGsb",
   defaultLang: "zh",
-  gmap: "AIzaSyCEd6D6vc9K-YzMH-QtQWRSs5HZkLKSWyk"
+  gmap: "AIzaSyCEd6D6vc9K-YzMH-QtQWRSs5HZkLKSWyk",
+  timezone: "America/Toronto"
 };

src/environments/environment.ts

@@ -14,7 +14,8 @@ export const environment = {
   media: "https://duocun.com.cn/media/",
   stripe: "pk_test_FsGoacByMF8lGNcVKveNZFSy00ATWTilJp",
   defaultLang: "zh",
-  gmap: "AIzaSyCEd6D6vc9K-YzMH-QtQWRSs5HZkLKSWyk"
+  gmap: "AIzaSyCEd6D6vc9K-YzMH-QtQWRSs5HZkLKSWyk",
+  timezone: "Asia/Shanghai"
 };
 
 /*