时间一开始就显示一年的开始到结束或者点击重置

import React, {useState, useEffect} from 'react'
import {Button, DatePicker, Form, Select, Card} from "antd";
import moment from "moment";

const {RangePicker} = DatePicker
const {Option} = Select

const Demo: React.FC = function () {
    const [form] = Form.useForm()


    //  重置功能
    const initParams=()=> {
        // 设置为今年一月1日上午 12:00
        const startDate = moment().startOf('year')
        console.log(startDate)
        debugger
        // 设置为今年的 12 月 31 日 23:59:59.999
        const endDate = moment().endOf('year')
        form.setFieldsValue({
            queryType: '',
            date: [startDate, endDate],
        })
    }

    useEffect(()=>{
        initParams()
    },[])

    return (
        <Card>
            <Form
                form={form}
                layout="inline"
            >
                {/* 查询类型 */}
                <Form.Item name="queryType" label="查询类型" initialValue="">
                    <Select>
                        <Option value="">全部</Option>
                        <Option value="1">待提醒</Option>
                        <Option value="2">已提醒</Option>
                    </Select>
                </Form.Item>
                {/* 选择日期 */}
                <Form.Item name="date" label="日期">
                    <RangePicker allowClear></RangePicker>
                </Form.Item>
                {/* 查询，重置 */}
                <Form.Item>
                    <Button
                        type="primary"
                    >
                        查询
                    </Button>
                    <Button onClick={initParams}>重置</Button>
                </Form.Item>
            </Form>
        </Card>
    )
}

// 生成容器组件
export default Demo