统一日期时间选择器为中文

- 全局初始化 dayjs zh-cn,修复日历周/月英文
- 新增 AdminDatePicker / AdminRangePicker 统一格式与占位文案
- 任务、审计、云触手、行业售后等筛选统一使用
This commit is contained in:
yml2213
2026-07-10 16:07:29 +08:00
parent d61a04befa
commit d52a16bf85
7 changed files with 94 additions and 15 deletions
@@ -0,0 +1,52 @@
import { DatePicker } from 'antd'
import type { DatePickerProps } from 'antd'
import type { RangePickerProps } from 'antd/es/date-picker'
import {
ADMIN_DATE_FORMAT,
ADMIN_DATE_RANGE_PLACEHOLDER,
ADMIN_DATE_TIME_FORMAT,
ADMIN_DATE_TIME_RANGE_PLACEHOLDER,
} from '@/lib/dayjs'
type AdminDatePickerProps = DatePickerProps
type AdminRangePickerProps = RangePickerProps
/**
* 后台统一日期选择:中文 locale(依赖全局 dayjs zh-cn + ConfigProvider zh_CN)。
*/
export function AdminDatePicker({
format,
placeholder = '请选择日期',
...rest
}: AdminDatePickerProps) {
const resolvedFormat =
format ?? (rest.showTime ? ADMIN_DATE_TIME_FORMAT : ADMIN_DATE_FORMAT)
return <DatePicker format={resolvedFormat} placeholder={placeholder} {...rest} />
}
/**
* 后台统一日期范围:默认 YYYY-MM-DDshowTime 时 YYYY-MM-DD HH:mm:ss。
*/
export function AdminRangePicker({
format,
placeholder,
...rest
}: AdminRangePickerProps) {
const withTime = Boolean(rest.showTime)
const resolvedFormat = format ?? (withTime ? ADMIN_DATE_TIME_FORMAT : ADMIN_DATE_FORMAT)
const resolvedPlaceholder =
placeholder ?? (withTime ? ADMIN_DATE_TIME_RANGE_PLACEHOLDER : ADMIN_DATE_RANGE_PLACEHOLDER)
return (
<DatePicker.RangePicker
format={resolvedFormat}
placeholder={resolvedPlaceholder}
{...rest}
/>
)
}
export default AdminDatePicker