reactjs - 如何在 React js 上获取 DateRangePicker (syncfusion) 的值

Question

我有一个来自 Syncfusion 的日期范围选择器，我安装了包并将组件导入到我的 react 项目中。我对 DateRangePicker 非常陌生，所以我想知道如何获得 DateRangePicker 的值。

这是我的代码

import React from 'react'
import './DateRangePicker.css'
import {DateRangePickerComponent} from '@syncfusion/ej2-react-calendars'

function DateRangePicker(){
    return(
        <>
            <DateRangePickerComponent></DateRangePickerComponent>
        </>
    )
}

export default DateRangePicker

这是输出：

标签： reactjssyncfusiondaterangepicker

Answer 1

你可以DateRangePickerComponent通过一个 prop 获取值：change

function DateRangePicker(){
    const onChange = (props) => {
        const stateDate = props.startDate;
        const endDate = props.endDate;

    };
    return(
        <>
            <DateRangePickerComponent change={onChange} />
        </>
    )
}