diff --git a/core/core-frontend/src/custom-component/v-query/DynamicTimeRange.vue b/core/core-frontend/src/custom-component/v-query/DynamicTimeRange.vue
index a3ded1adae..e41738bc83 100644
--- a/core/core-frontend/src/custom-component/v-query/DynamicTimeRange.vue
+++ b/core/core-frontend/src/custom-component/v-query/DynamicTimeRange.vue
@@ -45,6 +45,7 @@ const props = defineProps({
   }
 })
 const selectValue = ref<[Date, Date]>([new Date(), new Date()])
+const rendering = ref(true)
 
 const { config } = toRefs(props)
 
@@ -80,7 +81,11 @@ const timeConfig = computed(() => {
 watch(
   () => timeConfig.value,
   () => {
-    init()
+    rendering.value = false
+    nextTick(() => {
+      init()
+      rendering.value = true
+    })
   },
   {
     deep: true
@@ -106,8 +111,6 @@ watch(
   }
 )
 
-const rendering = ref(true)
-
 const init = () => {
   const {
     timeNum,