初始化

wwf

2025-05-20 938c3e5a587ce950a94964ea509b9e7f8834dfae

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
import dayjs from './utils/dayjs'
import { Period } from './types'
import { useTranslation } from 'react-i18next'
 
const YEAR_RANGE = 100
 
export const useDaysOfWeek = () => {
  const { t } = useTranslation()
  const daysOfWeek = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map(day => t(`time.daysInWeek.${day}`))
 
  return daysOfWeek
}
 
export const useMonths = () => {
  const { t } = useTranslation()
  const months = [
    'January',
    'February',
    'March',
    'April',
    'May',
    'June',
    'July',
    'August',
    'September',
    'October',
    'November',
    'December',
  ].map(month => t(`time.months.${month}`))
 
  return months
}
 
export const useYearOptions = () => {
  const yearOptions = Array.from({ length: 200 }, (_, i) => dayjs().year() - YEAR_RANGE / 2 + i)
  return yearOptions
}
 
export const useTimeOptions = () => {
  const hourOptions = Array.from({ length: 12 }, (_, i) => (i + 1).toString().padStart(2, '0'))
  const minuteOptions = Array.from({ length: 60 }, (_, i) => i.toString().padStart(2, '0'))
  const periodOptions = [Period.AM, Period.PM]
 
  return {
    hourOptions,
    minuteOptions,
    periodOptions,
  }
}