diff --git a/packages/date-picker/src/picker.vue b/packages/date-picker/src/picker.vue
index 8de9d2ce2..7c5af0395 100644
--- a/packages/date-picker/src/picker.vue
+++ b/packages/date-picker/src/picker.vue
@@ -5,6 +5,7 @@
     :readonly="!editable || readonly"
     :disabled="disabled"
     :size="size"
+    :id="id"
     v-clickoutside="handleClose"
     :placeholder="placeholder"
     @focus="handleFocus"
@@ -209,6 +210,7 @@ export default {
       type: Boolean,
       default: true
     },
+    id: String,
     popperClass: String,
     editable: {
       type: Boolean,
diff --git a/packages/select/src/select.vue b/packages/select/src/select.vue
index a4e363859..4e320b0da 100644
--- a/packages/select/src/select.vue
+++ b/packages/select/src/select.vue
@@ -47,6 +47,7 @@
       :placeholder="currentPlaceholder"
       :name="name"
       :size="size"
+      :id="id"
       :disabled="disabled"
       :readonly="!filterable || multiple"
       :validate-event="false"
@@ -171,6 +172,7 @@
       value: {
         required: true
       },
+      id: String,
       size: String,
       disabled: Boolean,
       clearable: Boolean,