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/