update TimePicker

update TimePicker

src/components/date-picker/panel/time.vue

@@ -37,7 +37,11 @@
                 value: '',
                 hours: 0,
                 minutes: 0,
-                seconds: 0
+                seconds: 0,
+                disabledHours: [],
+                disabledMinutes: [],
+                disabledSeconds: [],
+                hideDisabledOptions: false
             };
         },
         computed: {
@@ -51,11 +55,11 @@
                 newVal = new Date(newVal);
                 if (!isNaN(newVal)) {
                     this.handleChange({
-                        hours: date.getHours(),
+                        hours: newVal.getHours(),
-                        minutes: date.getMinutes(),
+                        minutes: newVal.getMinutes(),
-                        seconds: date.getSeconds()
+                        seconds: newVal.getSeconds()
                     });
-                    this.$nextTick(_ => this.scrollTop());
+                    this.$nextTick(() => this.scrollTop());
                 }
             }
         },

src/components/date-picker/picker/time-picker.js

@@ -1,32 +1,11 @@
 import Picker from '../picker.vue';
 import TimePanel from '../panel/time.vue';
+import Options from '../time-mixins';
 
 export default {
-    mixins: [Picker],
+    mixins: [Picker, Options],
     props: {
-        value: {},
+        value: {}
-        disabledHours: {
-            type: Array,
-            default () {
-                return [];
-            }
-        },
-        disabledMinutes: {
-            type: Array,
-            default () {
-                return [];
-            }
-        },
-        disabledSeconds: {
-            type: Array,
-            default () {
-                return [];
-            }
-        },
-        hideDisabledOptions: {
-            type: Boolean,
-            default: false
-        }
     },
     data () {
         return {

src/components/date-picker/time-mixins.js

@@ -0,0 +1,26 @@
+export default {
+    props: {
+        disabledHours: {
+            type: Array,
+            default () {
+                return [];
+            }
+        },
+        disabledMinutes: {
+            type: Array,
+            default () {
+                return [];
+            }
+        },
+        disabledSeconds: {
+            type: Array,
+            default () {
+                return [];
+            }
+        },
+        hideDisabledOptions: {
+            type: Boolean,
+            default: false
+        }
+    }
+};