diff --git a/packages/components/time-picker/src/time-picker-com/panel-time-range.vue b/packages/components/time-picker/src/time-picker-com/panel-time-range.vue
index 452f4eedff..2d78659998 100644
--- a/packages/components/time-picker/src/time-picker-com/panel-time-range.vue
+++ b/packages/components/time-picker/src/time-picker-com/panel-time-range.vue
@@ -153,6 +153,9 @@ const isValidValue = (_date: Dayjs[]) => {
 }
 
 const handleChange = (start: Dayjs, end: Dayjs) => {
+  if (!props.visible) {
+    return
+  }
   // todo getRangeAvailableTime(_date).millisecond(0)
   emit('pick', [start, end], true)
 }