Material ui DatePicker 仅启用年份

Question

有什么方法可以在Material UI DatePicker中只显示几年的react吗？ 我想让用户能够 select 只有year而不是几个月或几天。 注意：选项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;

Answer 2

为 mui DatePicker 使用 views 道具。

<DatePicker views={['year']} />

您也可以使用shouldDisableYear道具禁用一些年份。

https://mui.com/x/api/date-pickers/date-picker/