diff --git a/nezha-fronted/src/components/common/multipleTime.vue b/nezha-fronted/src/components/common/multipleTime.vue
index 430853613..52a852d6e 100644
--- a/nezha-fronted/src/components/common/multipleTime.vue
+++ b/nezha-fronted/src/components/common/multipleTime.vue
@@ -4,8 +4,8 @@
     <transition>
       <div v-show="showDropdown" id="panel-calender" class="calendar">
         <my-date-picker prefix-icon=" " size="mini" ref="calendar"
-                        :value-format="timeFormatStrToDatePickFormat(multipleTime)"
-                        :format="timeFormatStrToDatePickFormat(multipleTime)" class="panel-time-picker-hidden" @change="dateChange" v-model="startTime" type="datetime"
+                        :value-format="timeFormatStrToDatePickFormat(timeFormatMain)"
+                        :format="timeFormatStrToDatePickFormat(timeFormatMain)" class="panel-time-picker-hidden" @change="dateChange" v-model="startTime" type="datetime"
                         popper-class="panel-time-picker-popper"
                         align="right">
         </my-date-picker>
diff --git a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
index 255e04999..de10794f8 100644
--- a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
@@ -39,8 +39,8 @@
                 <span class="datepicker-title">{{ $t("overall.startTime") }}</span>
                 <my-date-picker ref="calendar" v-model="editAlertSilence.startAt" :clearable="false" :placeholder="$t('dashboard.panel.startTime')"
                                 align="right" class=" "
-                                :value-format="timeFormatStrToDatePickFormat(alertSilenceTime)"
-                                :format="timeFormatStrToDatePickFormat(alertSilenceTime)"
+                                :value-format="timeFormatStrToDatePickFormat(timeFormatMain)"
+                                :format="timeFormatStrToDatePickFormat(timeFormatMain)"
                                 popper-class="panel-time-picker-popper right-box-select-top"
                                 prefix-icon=" "
                                 size="mini"
@@ -53,8 +53,8 @@
                 <span class="datepicker-title">{{ $t("overall.endTime") }}</span>
                 <my-date-picker ref="calendar" v-model="editAlertSilence.endAt" :clearable="false" :placeholder="$t('dashboard.panel.startTime')"
                                 align="right" class=" "
-                                :value-format="timeFormatStrToDatePickFormat(alertSilenceTime)"
-                                :format="timeFormatStrToDatePickFormat(alertSilenceTime)"
+                                :value-format="timeFormatStrToDatePickFormat(timeFormatMain)"
+                                :format="timeFormatStrToDatePickFormat(timeFormatMain)"
                                 popper-class="panel-time-picker-popper right-box-select-top"
                                 prefix-icon=" "
                                 size="mini"
diff --git a/nezha-fronted/src/components/common/timePicker.vue b/nezha-fronted/src/components/common/timePicker.vue
index d5be8f78f..90319e0f6 100644
--- a/nezha-fronted/src/components/common/timePicker.vue
+++ b/nezha-fronted/src/components/common/timePicker.vue
@@ -1,8 +1,8 @@
 <template>
   <div id="panel-calender" :class="{'calendar--small': size === 'small'}" class="calendar">
     <my-date-picker prefix-icon=" " class="panel-time-picker-hidden " size="mini" ref="calendar"
-                    :value-format="timeFormatStrToDatePickFormat(timePicker)"
-                    :format="timeFormatStrToDatePickFormat(timePicker)" @change="dateChange" v-model="searchTime" type="datetimerange"
+                    :value-format="timeFormatStrToDatePickFormat(timeFormatMain)"
+                    :format="timeFormatStrToDatePickFormat(timeFormatMain)" @change="dateChange" v-model="searchTime" type="datetimerange"
                     popper-class="panel-time-picker-popper time-picker-popover__select-top"
                     :default-time="['00:00:00', '23:59:59']"
                     :range-separator="$t('dashboard.panel.to')"
diff --git a/nezha-fronted/src/components/page/config/system/apiKeyTable.vue b/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
index 13259d3a4..d1ea5a16c 100644
--- a/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
+++ b/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
@@ -55,8 +55,8 @@
                   style="width: 100%;"
                   v-model="scope.row[item.prop]"
                   prefix-icon=" " size="small" ref="calendar"
-                  :format="timeFormatStrToDatePickFormat(apiKeyTableTime)"
-                  :value-format="timeFormatStrToDatePickFormat(apiKeyTableTime)"
+                  :format="timeFormatStrToDatePickFormat(timeFormatMain)"
+                  :value-format="timeFormatStrToDatePickFormat(timeFormatMain)"
                   type="datetime"
                   popper-class="item-system-table right-public-box-dropdown-top right-box-select-top"
                   :picker-options="pickerOptions"