diff --git a/packages/date-picker/src/picker.vue b/packages/date-picker/src/picker.vue
index 36b7ebf68..8b5d2d724 100644
--- a/packages/date-picker/src/picker.vue
+++ b/packages/date-picker/src/picker.vue
@@ -858,10 +858,13 @@ 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;
       });
-
+      this.$watch('clearable', (clearable) => {
+        this.picker.clearable = clearable;
+      });
       const updateOptions = () => {
         const options = this.pickerOptions;