javascript - Material ui DatePicker 仅启用年份

Question

有没有办法在 Material UI DatePicker 中用 react 显示仅 年？ 我想让用户只能选择年，不能 月 或 日。 注意:openToYearSelection 选项无法实现此目的，autoOk 也无济于事。

Answer 1

我遇到了同样的问题，我的解决方法是使用 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;