Question

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

我喜欢以下日期选择器的完整日历（点击后）：

是否可以将完整日历提取到页面上而无需单击打开日历模式/对话框？就像在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}
    />

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

1 个答案: