fix(form): fix reset value invalid of time widget

ng-alain · May 6, 2018 · a729418 · a729418
1 parent 3fd3695
commit a729418
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 7 deletions.
diff --git a/packages/form/src/widgets/time/index.md b/packages/form/src/widgets/time/index.md
@@ -11,10 +11,11 @@ type: Widgets
 - 格式化分为：**数据格式化**表示表单数据和**显示格式化**显示数据
 - 所有格式化单位，参考 [date-fns format](https://date-fns.org/v1.29.0/docs/format)（国内镜像：[moment format](http://momentjs.cn/docs/#/displaying/format/)）
 - 指定 `schema.format` 则必须遵守 [RFC3339](https://tools.ietf.org/html/rfc3339#section-5.6) 时间格式，否则都视为格式错误，默认的数据格式化：
-    - `time`、`full-time` 默认 `HH:mm:ss`
+  - `time`、`full-time` 默认 `HH:mm:ss`
 - 不指定 `schema.format` 根据 `schema.type` 值按以下规则处理（允许通过 `DelonFormConfig` 替换）数据格式化：
-    - `string` 默认 `HH:mm:ss`
-    - `number` 默认 `x` 13位Unix Timestamp
+  - `string` 默认 `HH:mm:ss`
+  - `number` 默认 `x` 13位Unix Timestamp
+- 由于 `disabledHours`、`disabledMinutes`、`disabledSeconds` 组合导致时间格式被破坏，可能会导致无法正常显示或显示不正确时可以指定一个完整的 `Date` 对象给默认值（`schema.default` 或 `formData`）
 
 ## API
 

diff --git a/packages/form/src/widgets/time/time.widget.ts b/packages/form/src/widgets/time/time.widget.ts
@@ -56,10 +56,18 @@ export class TimeWidget extends ControlWidget implements OnInit {
   }
 
   reset(value: any) {
-    this.displayValue =
-      value != null && typeof value === 'string' && value.length
-        ? new Date(value)
-        : null;
+    if (value instanceof Date) {
+      this.displayValue = value;
+      return;
+    }
+    let v = value != null && value.toString().length ? new Date(value) : null;
+
+    // trying restore full Date format
+    if (v != null && v.toString() === 'Invalid Date') {
+      if (value.toString().split(':').length <= 1) value += ':00';
+      v = new Date(`1970-1-1 ` + value);
+    }
+    this.displayValue = v;
   }
 
   _change(value: Date) {