fix: 🐛 修复 DateTimePicker 设置为 time 类型时绑定值无法设置为空数组的问题

✅ Closes: #706

Author: Moonofweisheng

docs/component/datetime-picker-view.md

@@ -120,7 +120,7 @@ const filter = (type, values) => {
 
 | 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 |
 |-----|------|-----|-------|-------|---------|
-| v-model | 选中项，当 type 为 time 时，类型为字符串，否则为 Date | string / date | - | - |
+| v-model | 选中项，当 type 为 time 时，类型为字符串，否则为 `timestamp` | `string` / `timestamp` | - | - |
 | type | 选择器类型 | string | date / year-month / time / year | datetime | - |
 | loading | 加载中 | boolean | - | false | - |
 | loading-color | 加载的颜色，只能使用十六进制的色值写法，且不能使用缩写 | string | - | #4D80F0 | - |

docs/component/datetime-picker.md

@@ -259,8 +259,8 @@ const displayFormatTabLabel = (items) => {
 
 | 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 |
 |-----|------|-----|-------|-------|---------|
-| v-model | 选中项，当 type 为 time 时，类型为字符串；当 type 为 Array 时，类型为范围选择；否则为 Date | string / date / array | - | - | - |
-| default-value | 默认日期，类型保持与 value 一致，打开面板时面板自动选到默认日期 | string / date / array | - | - | - |
+| v-model | 选中项，当 type 为 time 时，类型为字符串；当 type 为 Array 时，类型为范围选择；否则为 `timestamp` | `string` / `timestamp` / `array` | - | - |
+| default-value | 默认日期，类型保持与 value 一致，打开面板时面板自动选到默认日期 | `string` / `timestamp` / `array` | - | - | - |
 | type | 选择器类型 | string | date / year-month / time / year | datetime | - |
 | loading | 加载中 | boolean | - | false | - |
 | loading-color | 加载的颜色，只能使用十六进制的色值写法，且不能使用缩写 | string | - | #4D80F0 | - |

src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/types.ts

@@ -31,7 +31,7 @@ export const datetimePickerViewProps = {
   /**
    * 选中项，当 type 为 time 时，类型为字符串，否则为 时间戳
    */
-  modelValue: makeRequiredProp([String, Number, Date]),
+  modelValue: makeRequiredProp([String, Number]),
   /**
    * 加载中
    */

src/uni_modules/wot-design-uni/components/wd-datetime-picker/types.ts

@@ -90,7 +90,7 @@ export const datetimePickerProps = {
   /**
    * 选中项，当 type 为 time 时，类型为字符串；当 type 为 Array 时，类型为范围选择；否则为 时间戳
    */
-  modelValue: makeRequiredProp([String, Number, Date, Array] as PropType<string | number | Date | Array<string | number | Date>>),
+  modelValue: makeRequiredProp([String, Number, Array] as PropType<string | number | Array<string | number>>),
   /**
    * 选择器类型，可选值为：date / year-month / time
    */
@@ -102,7 +102,7 @@ export const datetimePickerProps = {
   /**
    * 最大日期
    */
-  maxDate: makeNumberProp(new Date(new Date().getFullYear() + 10, 11, 31).getTime()),
+  maxDate: makeNumberProp(new Date(new Date().getFullYear() + 10, 11, 31, 23, 59, 59).getTime()),
   /**
    * 最小小时，time类型时生效
    */

src/uni_modules/wot-design-uni/components/wd-datetime-picker/wd-datetime-picker.vue

@@ -167,6 +167,7 @@ import { FORM_KEY, type FormItemRule } from '../wd-form/types'
 import { useParent } from '../composables/useParent'
 import { useTranslate } from '../composables/useTranslate'
 import { datetimePickerProps, type DatetimePickerExpose } from './types'
+import { dayjs } from '../common/dayjs'
 
 const props = defineProps(datetimePickerProps)
 const emit = defineEmits(['change', 'open', 'toggle', 'cancel', 'confirm', 'update:modelValue'])
@@ -391,18 +392,14 @@ function getSelects(picker: 'before' | 'after') {
 function noop() {}
 
 function getDefaultInnerValue(isRegion?: boolean, isEnd?: boolean): string | number {
-  const { modelValue: value, defaultValue } = props
-
+  const { modelValue: value, defaultValue, maxDate, minDate, type } = props
   if (isRegion) {
-    if (isEnd) {
-      return (
-        (isArray(value) ? (value[1] as string) : '') || (defaultValue && isArray(defaultValue) ? (defaultValue[1] as string) : '') || props.maxDate
-      )
-    } else {
-      return (
-        (isArray(value) ? (value[0] as string) : '') || (defaultValue && isArray(defaultValue) ? (defaultValue[0] as string) : '') || props.minDate
-      )
-    }
+    const index = isEnd ? 1 : 0
+    const targetValue = isArray(value) ? (value[index] as string) : ''
+    const targetDefault = isArray(defaultValue) ? (defaultValue[index] as string) : ''
+    const maxValue = type === 'time' ? dayjs(maxDate).format('HH:mm') : maxDate
+    const minValue = type === 'time' ? dayjs(minDate).format('HH:mm') : minDate
+    return targetValue || targetDefault || (isEnd ? maxValue : minValue)
   } else {
     return isDef(value || defaultValue) ? (value as string) || (defaultValue as string) : ''
   }