Как получить текущий отображаемый месяц и год semantic-ui-calendar?

Question

я использую https://www.npmjs.com/package/semantic-ui-calendar-react в качестве встроенного средства выбора даты.

Если мне нужны текущие отображаемые месяц и год, отображается календарь. Как бы я это сделал в JavaScript / React?

Примечание. Без использования свойства onChange. Например, Встроенный календарь DateInput. Обычно при нажатии на конкретную дату срабатывает onChange. Я хотел бы получить месяц и год, которые отображаются в данный момент.

Answer 1

Попробуйте код ниже

import {
    YearInput,
    MonthInput
} from 'semantic-ui-calendar-react';


class MonthYearForm extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            year: '',
            month: '',
        }
    }

    handleChange = (event, { name, value }) => {
        if (this.state.hasOwnProperty(name)) {
            this.setState({ [name]: value });
        }
    }
    render() {
        return (
            <>
                <YearInput
                    inline
                    className='example-calendar-input'
                    value={this.state.year}
                    name='year'
                    onChange={this.handleChange}
                />
                <br />
                <MonthInput
                    inline
                    className='example-calendar-input'
                    value={this.state.month}
                    name='month'
                    onChange={this.handleChange}
                />
            </>
        )
    }
}

Вы получите текущее значение месяца и года в this.state.year и this.state.month