diff --git a/packages/date-picker/src/panel/date-range.vue b/packages/date-picker/src/panel/date-range.vue
index 7423bb46cfc..b2532335fd9 100644
--- a/packages/date-picker/src/panel/date-range.vue
+++ b/packages/date-picker/src/panel/date-range.vue
@@ -168,6 +168,7 @@
       </div>
       <div class="el-picker-panel__footer" v-if="showTime">
         <el-button
+          v-if="clearable"
           size="mini"
           type="text"
           class="el-picker-panel__link-btn"
diff --git a/packages/date-picker/src/picker.vue b/packages/date-picker/src/picker.vue
index 36b7ebf68fe..50da4f3bbb0 100644
--- a/packages/date-picker/src/picker.vue
+++ b/packages/date-picker/src/picker.vue
@@ -858,6 +858,7 @@ export default {
       this.picker.selectionMode = this.selectionMode;
       this.picker.unlinkPanels = this.unlinkPanels;
       this.picker.arrowControl = this.arrowControl || this.timeArrowControl || false;
+      this.picker.clearable = this.clearable;
       this.$watch('format', (format) => {
         this.picker.format = format;
       });
diff --git a/packages/date-picker/src/picker/date-picker.js b/packages/date-picker/src/picker/date-picker.js
index 6efc0edb81e..d91be0b7d48 100644
--- a/packages/date-picker/src/picker/date-picker.js
+++ b/packages/date-picker/src/picker/date-picker.js
@@ -22,6 +22,10 @@ export default {
       type: String,
       default: 'date'
     },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
     timeArrowControl: Boolean
   },