diff --git a/src/components/date-picker/base/mixin.js b/src/components/date-picker/base/mixin.js
index d2dd60c4..329042c6 100644
--- a/src/components/date-picker/base/mixin.js
+++ b/src/components/date-picker/base/mixin.js
@@ -40,7 +40,9 @@ export default {
         },
     },
     methods: {
-        handleClick (cell) {
+        handleClick (cell, e) {
+            e.stopPropagation();
+
             if (cell.disabled || cell.type === 'weekLabel') return;
             const newDate = new Date(clearHours(cell.date));
 
diff --git a/src/components/date-picker/base/month-table.vue b/src/components/date-picker/base/month-table.vue
index 5c5ef6e5..57001141 100644
--- a/src/components/date-picker/base/month-table.vue
+++ b/src/components/date-picker/base/month-table.vue
@@ -3,7 +3,7 @@
         <span
             :class="getCellCls(cell)"
             v-for="cell in cells"
-            @click="handleClick(cell)"
+            @click="handleClick(cell, $event)"
             @mouseenter="handleMouseMove(cell)"
 
         >
diff --git a/src/components/date-picker/base/year-table.vue b/src/components/date-picker/base/year-table.vue
index abad1573..b1f9621c 100644
--- a/src/components/date-picker/base/year-table.vue
+++ b/src/components/date-picker/base/year-table.vue
@@ -3,7 +3,7 @@
         <span
             :class="getCellCls(cell)"
             v-for="cell in cells"
-            @click="handleClick(cell)"
+            @click="handleClick(cell, $event)"
             @mouseenter="handleMouseMove(cell)"
         >
             <em>{{ cell.date.getFullYear() }}</em>