2017-05-30 10 views
0

Ich benutze Material-ui Date-Picker. Wie deaktiviere ich vergangene Tage vor dem heutigen Datum?So deaktivieren Sie vergangene Termine in 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> 
) 

Antwort

3

Material-ui des Datepicker akzeptiert minDate prop. So könnten Sie dies wünschen:

const today = new Date(); 
<DatePicker minDate={today}/> 
+0

Danke –

+1

wesley6j am besten sein könnte, diese außerhalb zu setzen Putz sonst ein neuer Termin auf jeden machen erstellt wird. –

+0

@ JeroenWienk danke. – wesley6j

Verwandte Themen