javascript - 在页面上渲染 DatePicker 的完整日历

Question

我正在尝试使用 React 来制作一个简单的应用程序。

我喜欢以下日期选择器的完整日历(单击后):

• Material-UI
• React-Toolbox

是否可以将完整的日历提取到页面上，而无需单击打开日历模式/对话框？就像在 Google 日历应用中一样。

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

Answer 1

看看 Calendar component在material-ui库中。你应该可以直接使用它 -

从“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}
    />