在页面上呈现DatePicker的完整日历

Question

我正在尝试制作简单的应用程序。

我喜欢的完整的日历看起来像下面的日期选择器（点击后）：

• Material-UI
• React-Toolbox

是否有可能出提取出完整的日历上一个页面，而不必点击打开日历模式/对话框？就像在Google日历应用中一样。

例如，我想在应用程序的主页上显示日历。

Answer 1

查看material-ui库中的Calendar component。您应该能够直接使用它 -

import Calendar from 'material-ui/lib/date-picker/calendar';

有关如何使用它的一个例子，看看里面DatePickerDialog component code。

<Calendar 
     DateTimeFormat={DateTimeFormat} 
     firstDayOfWeek={firstDayOfWeek} 
     locale={locale} 
     ref="calendar" 
     onDayTouchTap={this.handleTouchTapDay} 
     initialDate={this.props.initialDate} 
     open={this.state.open} 
     minDate={this.props.minDate} 
     maxDate={this.props.maxDate} 
     shouldDisableDate={this.props.shouldDisableDate} 
     disableYearSelection={this.props.disableYearSelection} 
     mode={this.props.mode} 
    />