fix(module:date): all dates supported unit timestamp (#213)

.travis.yml

@@ -24,7 +24,7 @@ jobs:
     - env: "MODE=site"
     - env: "DEPLOY_MODE=build"
     - env: "DEPLOY_MODE=build_artifacts"
-      if: (commit_message !~ /(release\()/ && type = push) or (branch = master)
+      if: (commit_message =~ /(release\()/ && type = push) or (branch = master)
 
 before_install:
   - export CHROME_BIN=chromium-browser

docs/i18n.md

@@ -151,11 +151,11 @@ export class I18nTestComponent {
 
 ```ts
 // #region i18n
-import { default as ngLang } from '@angular/common/locales/zh-Hans';
+import { default as ngLang } from '@angular/common/locales/zh';
 import { NZ_I18N, zh_CN as zorroLang } from 'ng-zorro-antd';
 import { DELON_LOCALE, zh_CN as delonLang } from '@delon/theme';
 const LANG = {
-  abbr: 'zh-Hans',
+  abbr: 'zh',
   ng: ngLang,
   zorro: zorroLang,
   delon: delonLang,

packages/form/src/widgets/date/date.widget.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
-import { ControlWidget } from '../../widget';
 import format from 'date-fns/format';
+import { ControlWidget } from '../../widget';
 import { toBool } from '../../utils';
 import { FormProperty } from '../../model/form.property';
 
@@ -130,8 +130,9 @@ export class DateWidget extends ControlWidget implements OnInit {
   }
 
   reset(value: any) {
+    value = this.toDate(value);
     if (this.flatRange) {
-      this.displayValue = value == null ? [] : [value, this.endProperty.formData];
+      this.displayValue = value == null ? [] : [value, this.toDate(this.endProperty.formData)];
     } else {
       this.displayValue = value;
     }
@@ -171,4 +172,11 @@ export class DateWidget extends ControlWidget implements OnInit {
   private setEnd(value: any) {
     this.endProperty.setValue(value, true);
   }
+
+  private toDate(value: any) {
+    if (typeof value === 'number' || (typeof value === 'string' && !isNaN(+value))) {
+      value = new Date(+value);
+    }
+    return value;
+  }
 }

packages/schematics/application/files/src/app/app.module.ts

@@ -5,11 +5,11 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 // #region default language
 // 参考：https://ng-alain.com/docs/i18n
-import { default as ngLang } from '@angular/common/locales/zh-Hans';
+import { default as ngLang } from '@angular/common/locales/zh';
 import { NZ_I18N, zh_CN as zorroLang } from 'ng-zorro-antd';
 import { DELON_LOCALE, zh_CN as delonLang } from '@delon/theme';
 const LANG = {
-  abbr: 'zh-Hans',
+  abbr: 'zh',
   ng: ngLang,
   zorro: zorroLang,
   delon: delonLang,

packages/theme/src/pipes/date/date.pipe.spec.ts

@@ -26,12 +26,14 @@ describe('Pipe: _date', () => {
 
   [
     { date, result: `2017-10-17 15:35` },
+    { date: +date, result: `2017-10-17 15:35` },
+    { date: (+date).toString(), result: `2017-10-17 15:35` },
     { date, result: `2017年10月17日`, format: 'YYYY年MM月DD日' },
     { date: null, result: `` },
     { date: undefined, result: `` },
     { date, result: ``, format: 'fn' },
   ].forEach((item: any) => {
-    it(`${'' + item.date} muse be ${item.result}${
+    it(`${typeof item.date}:${'' + item.date} muse be ${item.result}${
       item.format ? `(format: ${item.format})` : ''
     }`, () => {
       fixture.componentInstance.value = item.date;

packages/theme/src/pipes/date/date.pipe.ts

@@ -2,9 +2,6 @@ import { Pipe, PipeTransform } from '@angular/core';
 import format from 'date-fns/format';
 import distanceInWordsToNow from 'date-fns/distance_in_words_to_now';
 
-/**
- * @see https://ng-alain.com/docs/service-pipe#%E6%97%A5%E6%9C%9F-_date
- */
 @Pipe({ name: '_date' })
 export class DatePipe implements PipeTransform {
   transform(
@@ -17,6 +14,9 @@ export class DatePipe implements PipeTransform {
           locale: (window as any).__locale__,
         });
       }
+      if (typeof value === 'string' && !isNaN(+value)) {
+        value = +value;
+      }
       return format(value, formatString);
     } else {
       return '';