如何在Material-UI日期选择器中禁用过去的日期?

0 material-ui

我正在使用material-ui Date-Picker。如何禁用今天日期之前的过去几天?

 import React from 'react';
 import DatePicker from 'material-ui/DatePicker';

function disablePastDays(date) {
  //code here to disable past days
}

const calendar = () => (
    <div>
        <DatePicker shouldDisableDate={disablePastDays}/>
    </div>
)
Run Code Online (Sandbox Code Playgroud)

wes*_*y6j 9

material-ui的DatePicker接受minDateprop。因此,您可能需要这样做:

const today = new Date();
<DatePicker minDate={today}/>
Run Code Online (Sandbox Code Playgroud)

  • 最好将其放置在渲染之外,否则将在每个渲染上创建一个新日期。 (2认同)

Kum*_*mar 8

使用disablePast.

<DatePicker
    disablePast
/>
Run Code Online (Sandbox Code Playgroud)

他们从v1.0.0-beta.10 开始就拥有它。

  • 这也不会禁用时间 (2认同)