2017-05-30 98 views
0

我正在使用material-ui Date-Picker。如何在今天的日期前禁用過去的日子?如何在material-ui日期選擇器中禁用過去的日期?

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> 
) 

回答

3

material-ui的DatePicker接受minDate支柱。所以,你可能想要這個:

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

謝謝wesley6j –

+1

可能是最好把這個渲染別的一個新的日期是在每一個渲染創建之外。 –

+0

@JeroenWienk謝謝。 – wesley6j

相關問題