2017-05-30 116 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

相关问题