在頁面上呈現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} 
    />