JS框架:React
UI框架:And-Design-React
使用组件:DatePicker
时间插件:moment
DatePicker组件接收的是moment类型的数据
import { DatePicker, Select, Table } from 'antd'
import type { RangePickerProps } from 'antd/lib/date-picker'
const { RangePicker } = DatePicker
import React, { useState } from 'react'
// 初始值
const [selTime, setSelTime] = useState<RangePickerProps['value']>([moment().startOf('month'), moment()])
// 选择时间范围
const handleTimeChange = (value: RangePickerProps['value']) => {
setSelTime(value)
}
return (
<RangePicker
bordered={false}
value={selTime}
onChange={handleTimeChange as any}
showTime={{
hideDisabledOptions: true,
}}
format='YYYY-MM-DD HH:mm:ss'
/>
)
(完)