diff --git a/packages/form/src/fields/Date.vue b/packages/form/src/fields/Date.vue
index 2a9d2342..ddbbcf34 100644
--- a/packages/form/src/fields/Date.vue
+++ b/packages/form/src/fields/Date.vue
@@ -6,7 +6,7 @@
     :placeholder="config.placeholder"
     :disabled="disabled"
     :format="config.format"
-    :value-format="config.format || 'YYYY-MM-DD HH:mm:ss'"
+    :value-format="config.valueFormat || 'YYYY-MM-DD HH:mm:ss'"
     @change="changeHandler"
   ></TMagicDatePicker>
 </template>
diff --git a/packages/form/src/fields/Time.vue b/packages/form/src/fields/Time.vue
index 7d26d792..89feabaa 100644
--- a/packages/form/src/fields/Time.vue
+++ b/packages/form/src/fields/Time.vue
@@ -1,6 +1,8 @@
 <template>
   <TMagicTimePicker
     v-model="model[name]"
+    :value-format="config.valueFormat || 'HH:mm:ss'"
+    :format="config.format || 'HH:mm:ss'"
     :size="size"
     :placeholder="config.placeholder"
     :disabled="disabled"
diff --git a/packages/form/src/schema.ts b/packages/form/src/schema.ts
index 16d516d3..d2b1880f 100644
--- a/packages/form/src/schema.ts
+++ b/packages/form/src/schema.ts
@@ -348,6 +348,7 @@ export interface HiddenConfig extends FormItem {
 export interface DateConfig extends FormItem, Input {
   type: 'date';
   format?: 'YYYY-MM-dd HH:mm:ss' | string;
+  valueFormat?: 'YYYY-MM-dd HH:mm:ss' | string;
 }
 
 /**
@@ -365,6 +366,8 @@ export interface DateTimeConfig extends FormItem, Input {
  */
 export interface TimeConfig extends FormItem, Input {
   type: 'time';
+  format?: 'HH:mm:ss' | string;
+  valueFormat?: 'HH:mm:ss' | string;
 }
 
 /**