Material ui DatePicker 仅启用年份

dan*_*iol 6 javascript datepicker reactjs material-ui

有什么办法可以在Material UI DatePicker 中只 显示年份和react吗?我想让用户只能选择 the而不是Month或days。注意:该选项无法实现此目的,也无济于事。year openToYearSelectionautoOk

Pan*_*iou 6

我遇到了同样的问题,我解决它的方法是使用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;
Run Code Online (Sandbox Code Playgroud)