diff --git a/frontend/src/views/panel/filter/defaultValue/DeDateDefault.vue b/frontend/src/views/panel/filter/defaultValue/DeDateDefault.vue
index 117ffd0422..4620bf12d9 100644
--- a/frontend/src/views/panel/filter/defaultValue/DeDateDefault.vue
+++ b/frontend/src/views/panel/filter/defaultValue/DeDateDefault.vue
@@ -40,13 +40,13 @@
           v-if="element.options.attrs.default.isDynamic && element.options.attrs.default.dkey === (defaultSetting.relativeOptions.length - 1)"
           label=""
         >
-          <el-input
+          <el-input-number
             v-model="element.options.attrs.default.dynamicPrefix"
-            type="number"
+            controls-position="right"
             size="mini"
             :min="1"
             :max="12"
-            @input="dynamicPrefixChange"
+            @change="dynamicPrefixChange"
           />
         </el-form-item>
 
diff --git a/frontend/src/views/panel/filter/defaultValue/DeDateRangeDefault.vue b/frontend/src/views/panel/filter/defaultValue/DeDateRangeDefault.vue
index b63ad10241..0b49294ded 100644
--- a/frontend/src/views/panel/filter/defaultValue/DeDateRangeDefault.vue
+++ b/frontend/src/views/panel/filter/defaultValue/DeDateRangeDefault.vue
@@ -33,13 +33,13 @@
           v-if="element.options.attrs.default.isDynamic && element.options.attrs.default.dkey === 4"
           :label="$t('dataset.start_time')"
         >
-          <el-input
+          <el-input-number
             v-model="element.options.attrs.default.sDynamicPrefix"
-            type="number"
+            controls-position="right"
             size="mini"
             :min="0"
             :max="10"
-            @input="sDynamicPrefixChange"
+            @change="sDynamicPrefixChange"
           />
         </el-form-item>
 
@@ -86,13 +86,13 @@
           v-if="element.options.attrs.default.isDynamic && element.options.attrs.default.dkey === 4"
           :label="$t('dataset.end_time')"
         >
-          <el-input
+          <el-input-number
             v-model="element.options.attrs.default.eDynamicPrefix"
-            type="number"
+            controls-position="right"
             size="mini"
             :min="0"
             :max="10"
-            @input="eDynamicPrefixChange"
+            @change="eDynamicPrefixChange"
           />
         </el-form-item>