材质用户界面使用日历

时间:2017-10-16 02:40:23

标签: reactjs calendar material-ui

我正在实施此Calendar component from Material UI,并希望能够选择多个日期。当选择另一个日期时,它应该保持突出显示。以下是我到目前为止的情况。

import React from 'react';
import Calendar from 'material-ui/DatePicker/Calendar';

class MultiCalendar extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            controlledDate: null,
        };
    }

    handleChange = (event, date) => {
        console.log('HERE');
        this.setState({
                controlledDate: date,
            });
         console.log(date);
         console.log(this.state.controlledDate);
    };

render() {
return (
    <Calendar 
        onChange={this.handleChange} 
        value={this.state.controlledDate} 
        className='calendar-test' id='calendar' 
        firstDayOfWeek={0} style={{ width: '500px' }}>
    </Calendar>

        );
      }
    }

export default MultiCalendar

(1)I can see here that the issue has been closed但我不知道在哪里找到解决方案。

(2)onChange事件未触发,因为这些语句永远不会出现在控制台中。

对这些问题的任何帮助都会很精彩。感谢

0 个答案:

没有答案