diff --git a/__test__/date-picker.test.js b/__test__/date-picker.test.js
index 06114e42..f8d8a16e 100644
--- a/__test__/date-picker.test.js
+++ b/__test__/date-picker.test.js
@@ -285,5 +285,19 @@ describe('DatePicker', () => {
     clearButton.trigger('mousedown');
     const emitted = wrapper.emitted();
     expect(emitted.clear).toBeTruthy();
+    expect(emitted.input[0][0]).toBe(null);
+  });
+
+  it('feat: should emit [null, null] when clear range', () => {
+    wrapper = shallowMount(DatePicker, {
+      propsData: {
+        range: true,
+        value: [new Date(2019, 10, 9), new Date(2019, 11, 9)],
+      },
+    });
+    const clearButton = wrapper.find('.mx-icon-clear');
+    clearButton.trigger('mousedown');
+    const emitted = wrapper.emitted();
+    expect(emitted.input[0][0]).toEqual([null, null]);
   });
 });
diff --git a/src/date-picker.vue b/src/date-picker.vue
index c4fca0ca..86458fb3 100644
--- a/src/date-picker.vue
+++ b/src/date-picker.vue
@@ -363,7 +363,7 @@ export default {
       }
     },
     handleClear() {
-      this.emitValue(null);
+      this.emitValue(this.range ? [null, null] : null);
       this.$emit('clear');
     },
     handleConfirmDate() {