feat(date-picker): 支持精确到小时和分钟

CHANGELOG.md

@@ -10,6 +10,7 @@
 ### Features
 
 * include documents in npm package for ai agents ([#960](https://github.com/WeBankFinTech/fes-design/issues/960)) ([3cc476c](https://github.com/WeBankFinTech/fes-design/commit/3cc476c81fb652c7fc3887884d99b46a02de0b74))
+* feat(date-picker): 支持精确到小时和分钟 ([#913](https://github.com/WeBankFinTech/fes-design/issues/913))
 
 
 

components/date-picker/__tests__/datehour-913.spec.ts

@@ -0,0 +1,21 @@
+import { describe, expect, it } from 'vitest';
+import { PickerType, pickerFactory, DateHourMinutePicker } from '../pickerHandler';
+
+describe('datehour picker', () => {
+    it('should have datehour in PickerType', () => {
+        expect(PickerType.datehour).toBe('datehour');
+    });
+
+    it('DateHourMinutePicker should have correct format', () => {
+        const picker = new DateHourMinutePicker();
+        expect(picker.format).toBe('yyyy-MM-dd HH:mm');
+        expect(picker.name).toBe(PickerType.datehour);
+        expect(picker.hasTime).toBe(true);
+    });
+
+    it('pickerFactory should create DateHourMinutePicker for datehour type', () => {
+        const picker = pickerFactory(PickerType.datehour);
+        expect(picker).toBeInstanceOf(DateHourMinutePicker);
+        expect(picker.format).toBe('yyyy-MM-dd HH:mm');
+    });
+});

components/date-picker/pickerHandler.ts

@@ -4,6 +4,7 @@ import type { DateObj } from './interface';
 export const PickerType = {
     date: 'date',
     datetime: 'datetime',
+    datehour: 'datehour',
     datemultiple: 'datemultiple',
     daterange: 'daterange',
     datetimerange: 'datetimerange',
@@ -62,6 +63,18 @@ export class DateTimePicker implements Picker {
     }
 }
 
+export class DateHourMinutePicker implements Picker {
+    name = PickerType.datehour;
+    confirmLang = 'datePicker.today';
+    placeholderLang = 'datePicker.selectDateTime';
+    format = 'yyyy-MM-dd HH:mm';
+    isRange = false;
+    hasTime = true;
+    getDateFromStr(val: string): Date {
+        return new Date(val);
+    }
+}
+
 class DateRange {
     getLeftActiveDate(rightActiveDate: number) {
         const endDate = new Date(rightActiveDate);
@@ -198,6 +211,8 @@ export function pickerFactory(type: string): Picker {
             return new DatePicker();
         case PickerType.datetime:
             return new DateTimePicker();
+        case PickerType.datehour:
+            return new DateHourMinutePicker();
         case PickerType.datemultiple:
             return new DateMultiplePicker();
         case PickerType.daterange:

docs/.vitepress/components/datePicker/datehour.vue

@@ -0,0 +1,16 @@
+<template>
+    <FSpace vertical>
+        <FDatePicker
+            v-model="datehour"
+            type="datehour"
+            placeholder="选择日期和时间"
+            clearable
+        />
+    </FSpace>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const datehour = ref();
+</script>

docs/.vitepress/components/datePicker/index.md

@@ -44,6 +44,10 @@ app.use(DatePicker);
 
 --DEFAULTTIME
 
+### 精确到小时和分钟
+
+--datehour
+
 --CODE
 
 ## Props