材料ui DatePicker仅启用年份

时间:2018-05-27 20:56:14

标签: javascript reactjs datepicker material-ui

有没有办法在 Material UI DatePicker 中显示 反应? 我想让用户只能选择year 。 注意:选项openToYearSelection无法实现此目的autoOk帮助。

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,我使用 material-ui-pickers 库对它进行了整理 这是一个示例:

import React, { Fragment, useState } from "react";
import { DatePicker, InlineDatePicker } from "material-ui-pickers";

function YearMonthPicker(props) {
  const [selectedDate, handleDateChange] = useState(new Date());

  return (
    <Fragment>
      <div className="picker">
        <DatePicker
          views={["year"]}
          label="Year only"
          value={selectedDate}
          onChange={handleDateChange}
          animateYearScrolling
        />
      </div>
    </Fragment>
  );
}

export default YearMonthPicker;