diff --git a/frontend/src/components/widget/serviceImpl/TimeDateServiceImpl.js b/frontend/src/components/widget/serviceImpl/TimeDateServiceImpl.js
index 3b2c7913be..98bfcc7af6 100644
--- a/frontend/src/components/widget/serviceImpl/TimeDateServiceImpl.js
+++ b/frontend/src/components/widget/serviceImpl/TimeDateServiceImpl.js
@@ -91,7 +91,7 @@ class TimeDateServiceImpl extends WidgetService {
     }
 
     if (element.options.attrs.default.dkey === 3) {
-      const dynamicPrefix = element.options.attrs.default.dynamicPrefix
+      const dynamicPrefix = parseInt(element.options.attrs.default.dynamicPrefix)
       const dynamicInfill = element.options.attrs.default.dynamicInfill
       const dynamicSuffix = element.options.attrs.default.dynamicSuffix
 
@@ -130,7 +130,8 @@ class TimeDateServiceImpl extends WidgetService {
         const nowMonth = now.getMonth()
         const nowYear = now.getFullYear()
         const nowDate = now.getDate()
-        return new Date(nowYear - 1, nowMonth, nowDate).getTime()
+
+        return new Date(dynamicSuffix === 'before' ? (nowYear - dynamicPrefix) : (nowYear + dynamicPrefix), nowMonth, nowDate).getTime()
       }
     }
   }
diff --git a/frontend/src/views/panel/filter/defaultValue/DeDateDefault.vue b/frontend/src/views/panel/filter/defaultValue/DeDateDefault.vue
index dc4e970995..4c3765a331 100644
--- a/frontend/src/views/panel/filter/defaultValue/DeDateDefault.vue
+++ b/frontend/src/views/panel/filter/defaultValue/DeDateDefault.vue
@@ -98,6 +98,10 @@ export default {
     },
 
     dynamicPrefixChange(value) {
+      if (value < 1) {
+        value = 1
+        this.element.options.attrs.default.dynamicPrefix = 1
+      }
       this.setDval()
     },
     dynamicInfillChange(value) {