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中获得当前月份和年份的值

如何获取语义UI日历的当前显示月份和年份？

1 个答案: