diff --git a/packages/devui-vue/docs/components/time-select/index.md b/packages/devui-vue/docs/components/time-select/index.md
index 5f0ec21d69..e00f2dad86 100644
--- a/packages/devui-vue/docs/components/time-select/index.md
+++ b/packages/devui-vue/docs/components/time-select/index.md
@@ -19,17 +19,11 @@
     <div class="mb-0">step</div>
     <d-time-select class="mb-2" v-model="time01" step="00:10" />
 
-    <div class="mb-0">min-time、max-time</div>
-    <d-time-select class="mb-2" v-model="time02" min-time="02:20" max-time="18:30" />
-
-    <div class="mb-0">min-time、max-time、start、end</div>
-    <d-time-select class="mb-2" v-model="time03" min-time="09:30" max-time="18:30" start="09:00" end="16:30" />
-
     <div class="mb-0">disabled</div>
-    <d-time-select class="mb-2" v-model="time04" disabled />
+    <d-time-select class="mb-2" v-model="time02" disabled />
     
     <div class="mb-0">不可清除</div>
-    <d-time-select class="mb-2" v-model="time04" :clearable="false" />
+    <d-time-select class="mb-2" v-model="time03" :clearable="false" />
   </div>
 </template>
 
@@ -39,15 +33,13 @@ export default defineComponent({
   setup(props, ctx) {
     let time00 = ref('');
     let time01 = ref('');
-    let time02 = ref('03:30');
+    let time02 = ref('09:30');
     let time03 = ref('09:30');
-    let time04 = ref('09:30');
     return {
       time00,
       time01,
       time02,
       time03,
-      time04,
     };
   },
 });
@@ -62,21 +54,76 @@ export default defineComponent({
 
 :::
 
-### 固定时间范围
+### 尺寸
+
+:::demo
+
+```vue
+<template>
+  <div>
+    <div class="mb-0">lg</div>
+    <d-time-select class="mb-2" v-model="time05" size="lg" placeholder="间隔为1小时" step="01:00" />
+    
+    <div class="mb-0">md</div>
+    <d-time-select class="mb-2" v-model="time05" size="md" placeholder="间隔为30分钟" step="00:30" />
+    
+    <div class="mb-0">sm</div>
+    <d-time-select class="mb-2" v-model="time05" size="sm" placeholder="间隔为1分钟" step="00:01" />
+  </div>
+</template>
+
+<script>
+import { ref, defineComponent, nextTick } from 'vue';
+export default defineComponent({
+  setup(props, ctx) {
+    let time00 = ref('');
+    let time01 = ref('');
+    let time02 = ref('');
+    return {
+      time00,
+      time01,
+      time02,
+    };
+  },
+});
+</script>
+
+<style>
+.my-10 {
+  margin: 10px 0px;
+}
+</style>
+```
+
+:::
+
+### 时间段
 
 :::demo
 
 ```vue
 <template>
   <div>
-    <d-row :gutter="5">
-      <d-col>
-        <d-time-select v-model="startTime" />
-      </d-col>
-      <d-col>
-        <d-time-select v-model="endTime" :min-time="startTime" />
-      </d-col>
-    </d-row>
+    <div class="mb-0">min-time、max-time</div>
+    <d-time-select class="mb-2" v-model="time01" min-time="02:20" max-time="18:30" placeholder="控制时间的可选范围" />
+
+    <div class="mb-0">start、end</div>
+    <d-time-select class="mb-2" v-model="time02" start="09:00" end="18:30" placeholder="控制时间的显示范围" />
+
+    <div class="mb-0">min-time、max-time、start、end</div>
+    <d-time-select class="mb-2" v-model="time03" min-time="09:30" max-time="18:30" start="09:00" end="16:30" />
+
+    <div class="mb-0">固定时间范围</div>
+    <div>
+      <d-row :gutter="5">
+        <d-col>
+          <d-time-select v-model="startTime" />
+        </d-col>
+        <d-col>
+          <d-time-select v-model="endTime" :min-time="startTime" />
+        </d-col>
+      </d-row>
+  </div>
   </div>
 </template>
 
@@ -84,9 +131,15 @@ export default defineComponent({
 import { ref, defineComponent, nextTick } from 'vue';
 export default defineComponent({
   setup(props, ctx) {
+    let time01 = ref('');
+    let time02 = ref('');
+    let time03 = ref('09:30');
     let startTime = ref('');
     let endTime = ref('');
     return {
+      time01,
+      time02,
+      time03,
       startTime,
       endTime,
     };
@@ -148,18 +201,18 @@ export default defineComponent({
 
 ### TimeSelect 参数
 
-| 参数        | 类型                        | 默认         | 说明             | 跳转 Demo             |
-| ----------- | --------------------------- | ------------ | ---------------- | --------------------- |
-| v-model     | string                      | --           | 选中项绑定值     | [基本用法](#基本用法) |
-| disabled    | boolean                     | false        | 禁用状态         | [基本用法](#基本用法) |
-| size        | [ITimeSelect](#itimeselect) | md           | 输入框尺寸       | --                    |
-| placeholder | string                      | '请选择时间' | 占位内容         | [基本用法](#基本用法) |
-| min-time    | string                      | '00:00'      | 可选，最早时间点 | [基本用法](#基本用法) |
-| max-time    | string                      | '24:00'      | 可选，最晚时间点 | [基本用法](#基本用法) |
-| start       | string                      | '00:00'      | 可选，开始时间   | [基本用法](#基本用法) |
-| end         | string                      | '24:00'      | 可选，结束时间   | [基本用法](#基本用法) |
-| step        | string                      | '00:30'      | 可选，间隔时间   | [基本用法](#基本用法) |
-| clearable   | boolean                     | true         | 可选，是否可清除 | [基本用法](#基本用法) |
+| 参数        | 类型                        | 默认         | 说明                                      | 跳转 Demo             |
+| ----------- | --------------------------- | ------------ | ----------------------------------------- | --------------------- |
+| v-model     | string                      | --           | 选中项绑定值                              | [基本用法](#基本用法) |
+| disabled    | boolean                     | false        | 禁用状态                                  | [基本用法](#基本用法) |
+| size        | [ITimeSelect](#itimeselect) | md           | 输入框尺寸                                | [尺寸](#尺寸)         |
+| placeholder | string                      | '请选择时间' | 占位内容                                  | [占位内容](#尺寸)     |
+| min-time    | string                      | '00:00'      | 可选，最早时间点，早于该值的时间段将被禁用 | [时间段](#时间段)     |
+| max-time    | string                      | '24:00'      | 可选，最晚时间点，晚于该值的时间段将被禁用 | [时间段](#时间段)     |
+| start       | string                      | '00:00'      | 可选，开始时间                            | [时间段](#时间段)     |
+| end         | string                      | '24:00'      | 可选，结束时间                            | [时间段](#时间段)     |
+| step        | string                      | '00:30'      | 可选，间隔时间                            | [基本用法](#基本用法) |
+| clearable   | boolean                     | true         | 可选，是否可清除                          | [基本用法](#基本用法) |
 
 ### TimeSelect 事件