Material UI DatePicker设置openTo为year时年份从1900开始如何解决

解决方案 #

你使用的@material-ui/pickers@3.x版本的DatePicker组件，通过minDate属性即可自定义年份选择的起始值，同时如果需要限制可选的最大年份可以用maxDate属性。你已经配置了disableFuture，因此最大可选日期默认是当前日期，无需额外设置maxDate。

示例修改后的代码如下：

// 先定义你需要的最小可选日期，比如起始年份设为1950年
const minSelectableDate = new Date('1950-01-01');

<DatePicker
    disableFuture
    openTo="year"
    format="dd/MM/yyyy"
    label="Date of birth"
    views={["year", "month", "date"]}
    value={selectedDate}
    onChange={handleDateChange}
    minDate={minSelectableDate} // 新增这一行配置即可
/>

设置完成后，年份选择面板的起始值就会变成你指定的minDate对应的年份，早于该日期的年份会被置灰不可选。

内容的提问来源于stack exchange，提问作者NUR CUBUKCU