fixed #2215

梁灏
1 parent b142865e
Showing 2 changed files with 63 additions and 40 deletions Show diff stats
examples/routers/date.vue
src/components/date-picker/picker.vue
-<template>
-    <div>
-        {{ value1 }}
-        <Date-picker v-model="value1" type="datetimerange" placeholder="选择日期" style="width: 200px" @on-change="hc"></Date-picker>
-        <Button @click="setDate">set date</Button>
-        <Button @click="getDate">get date</Button>
-        <!--<Date-picker v-model="value2" type="daterange" placeholder="选择日期" style="width: 200px"></Date-picker>-->
-        <!--<Date-picker transfer type="datetimerange" placeholder="选择日期" style="width: 200px" @on-change="changeDate"></Date-picker>-->
-    </div>
-</template>
-<script>
-    export default {
-        data () {
-            return {
-                value1: ['2014-10-10 10:00:01', '2017-10-10 10:00:00'],
-                value2: []
-            }
-        },
-        methods: {
-            changeDate(date){
-                console.log(date);
-            },
-            setDate () {
-                this.value1 = ['2016-10-10', '2017-10-10'];
-            },
-            getDate () {
-                const date = new Date(this.value1);
-                console.log(date.getMonth()+1)
-            },
-            hc (d) {
-                console.log(d);
-            }
-        }
-    }
-</script>
-<style>
-    body{
-        width: 100%;
-    }
-</style>
+<!--<template>-->
+    <!--<div>-->
+        <!--{{ value1 }}-->
+        <!--<Date-picker v-model="value1" type="datetimerange" placeholder="选择日期" style="width: 200px" @on-change="hc"></Date-picker>-->
+        <!--<Button @click="setDate">set date</Button>-->
+        <!--<Button @click="getDate">get date</Button>-->
+        <!--&lt;!&ndash;<Date-picker v-model="value2" type="daterange" placeholder="选择日期" style="width: 200px"></Date-picker>&ndash;&gt;-->
+        <!--&lt;!&ndash;<Date-picker transfer type="datetimerange" placeholder="选择日期" style="width: 200px" @on-change="changeDate"></Date-picker>&ndash;&gt;-->
+    <!--</div>-->
+<!--</template>-->
+<!--<script>-->
+    <!--export default {-->
+        <!--data () {-->
+            <!--return {-->
+                <!--value1: ['2014-10-10 10:00:01', '2017-10-10 10:00:00'],-->
+                <!--value2: []-->
+            <!--}-->
+        <!--},-->
+        <!--methods: {-->
+            <!--changeDate(date){-->
+                <!--console.log(date);-->
+            <!--},-->
+            <!--setDate () {-->
+                <!--this.value1 = ['2016-10-10', '2017-10-10'];-->
+            <!--},-->
+            <!--getDate () {-->
+                <!--const date = new Date(this.value1);-->
+                <!--console.log(date.getMonth()+1)-->
+            <!--},-->
+            <!--hc (d) {-->
+                <!--console.log(d);-->
+            <!--}-->
+        <!--}-->
+    <!--}-->
+<!--</script>-->
+<!--<style>-->
+    <!--body{-->
+        <!--width: 100%;-->
+    <!--}-->
+<!--</style>-->
  
  
 <!--<template>-->
@@ -189,3 +189,22 @@
  
  
  
+<template>
+    <div>
+        <DatePicker v-model="value" @on-change="handleChange" type="date" placeholder="Select date" style="width: 200px"></DatePicker>
+    </div>
+</template>
+<script>
+    export default {
+        data () {
+            return {
+                value: new Date()
+            }
+        },
+        methods: {
+            handleChange (v) {
+                console.log(v);
+            }
+        }
+    }
+</script>
@@ -404,6 +404,10 @@
                 this.currentValue = '';
                 this.$emit('on-clear');
                 this.dispatch('FormItem', 'on-form-change', '');
+                // #2215，当初始设置了 value，直接点 clear，这时 this.picker 还没有加载
+                if (!this.picker) {
+                    this.emitChange('');
+                }
             },
             showPicker () {
                 if (!this.picker) {