diff --git a/core/frontend/src/views/panel/filter/defaultValue/DeDateRangeDefault.vue b/core/frontend/src/views/panel/filter/defaultValue/DeDateRangeDefault.vue
index 50f4324659..a11971d4c0 100644
--- a/core/frontend/src/views/panel/filter/defaultValue/DeDateRangeDefault.vue
+++ b/core/frontend/src/views/panel/filter/defaultValue/DeDateRangeDefault.vue
@@ -155,7 +155,7 @@
             :format="element.options.attrs.accuracy"
             style="width: auto; min-width: 110px;"
             placeholder=""
-            @change="eDynamicSuffixTimeChange"
+            @change="sDynamicSuffixTimeChange"
           />
         </el-form-item>
 
@@ -384,10 +384,22 @@ export default {
       }
     },
     eDynamicSuffixTimeChange(val) {
+      const time = this.convertTime(val)
+      this.$set(this.element.options.attrs.default, 'eDynamicSuffixTime', time)
       this.setDval()
     },
     sDynamicSuffixTimeChange(val) {
+      const time = this.convertTime(val)
+      this.$set(this.element.options.attrs.default, 'sDynamicSuffixTime', time)
       this.setDval()
+    },
+    convertTime(val) {
+      const date = new Date(val)
+      const baseDate = new Date(this.baseTime)
+      date.setFullYear(baseDate.getFullYear())
+      date.setMonth(baseDate.getMonth())
+      date.setDate(baseDate.getDate())
+      return date.getTime()
     }
   }
 }