diff --git a/src/pages/datetimePicker/Index.vue b/src/pages/datetimePicker/Index.vue
index 7c4e5cc6a..607b7e616 100644
--- a/src/pages/datetimePicker/Index.vue
+++ b/src/pages/datetimePicker/Index.vue
@@ -4,6 +4,7 @@
     <demo-block transparent>
       <wd-cell-group border>
         <wd-datetime-picker label="日期选择" v-model="value1" @confirm="handleConfirm1" />
+
         <wd-datetime-picker label="年月日" v-model="value2" type="date" @confirm="handleConfirm2" />
         <wd-datetime-picker label="年月" v-model="value3" type="year-month" @confirm="handleConfirm3" />
         <wd-datetime-picker label="年" v-model="value16" type="year" @confirm="handleConfirm16" />
@@ -33,6 +34,13 @@
     <demo-block title="范围tab展示格式" transparent>
       <wd-datetime-picker label="日期选择" v-model="value15" @confirm="handleConfirm15" :display-format-tab-label="displayFormatTabLabel" />
     </demo-block>
+    <demo-block title="清空日期" transparen>
+      <wd-datetime-picker label="清空日期" v-model="value18" @confirm="handleConfirm1" :use-icon-slot="Boolean(value18)">
+        <template #icon>
+          <wd-icon name="close" @click.stop="clear" v-if="value18"></wd-icon>
+        </template>
+      </wd-datetime-picker>
+    </demo-block>
   </page-wraper>
 </template>
 <script lang="ts" setup>
@@ -62,6 +70,7 @@ const value14 = ref<any[]>(['', ''])
 const value15 = ref<any[]>(['', Date.now()])
 const value16 = ref(Date.now())
 const value17 = ref(Date.now())
+const value18 = ref(Date.now())
 
 const minDate = ref<number>(Date.now())
 const maxDate = ref<number>(new Date(new Date().getFullYear() + 1, new Date().getMonth(), new Date().getDate()).getTime())
@@ -160,5 +169,10 @@ function handleConfirm16({ value }: any) {
 }
 /** picker触发cancel事件，同步触发cancel事件 */
 function onCancel() {}
+
+/*  */
+function clear() {
+  value18.value = ''
+}
 </script>
 <style lang="scss" scoped></style>
diff --git a/src/uni_modules/wot-design-uni/components/wd-datetime-picker/types.ts b/src/uni_modules/wot-design-uni/components/wd-datetime-picker/types.ts
index eb54a8cab..8d70c5a2e 100644
--- a/src/uni_modules/wot-design-uni/components/wd-datetime-picker/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-datetime-picker/types.ts
@@ -174,7 +174,11 @@ export const datetimePickerProps = {
   /**
    * 是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。
    */
-  immediateChange: makeBooleanProp(false)
+  immediateChange: makeBooleanProp(false),
+  /**
+   * 是否开启清空功能
+   */
+  useIconSlot: makeBooleanProp(false)
 }
 
 export type DatetimePickerDisplayFormat = (items: Record<string, any>[]) => string
diff --git a/src/uni_modules/wot-design-uni/components/wd-datetime-picker/wd-datetime-picker.vue b/src/uni_modules/wot-design-uni/components/wd-datetime-picker/wd-datetime-picker.vue
index 918664e16..3d2873eb2 100644
--- a/src/uni_modules/wot-design-uni/components/wd-datetime-picker/wd-datetime-picker.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-datetime-picker/wd-datetime-picker.vue
@@ -38,7 +38,8 @@
                 {{ showValue ? showValue : placeholder || translate('placeholder') }}
               </view>
             </view>
-            <wd-icon v-if="!disabled && !readonly" custom-class="wd-picker__arrow" name="arrow-right" />
+            <slot v-if="useIconSlot" name="icon" custom-class="wd-picker__arrow"></slot>
+            <wd-icon v-if="!disabled && !readonly && !useIconSlot" custom-class="wd-picker__arrow" name="arrow-right" />
           </view>
           <view v-if="errorMessage" class="wd-picker__error-message">{{ errorMessage }}</view>
         </view>