如何从DatePicker组件验证日期?

时间:2018-10-23 14:59:51

标签: javascript reactjs material-ui

import DatePicker from 'material-ui/DatePicker';
 var today = new Date(),
    date =   today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate();

 this.state = {
    minDate: today
 }
 handledeliveryDateChange = (event, date) => {
    this.setState({
        deliveryDate: date,
    });
};

handleloadingDateChange = (event, date) => {
    this.setState({
        loadingDate: date,
    });
};

<DatePicker
         hintText=""
         value={this.state.loadingDate}
         minDate={this.state.minDate}
         onChange={this.handleloadingDateChange} />


 <DatePicker
     hintText=""
     value={this.state.deliveryDate}
     onChange={this.handledeliveryDateChange} />

我正在使用material-ui/DatePicker,正在日期选择器中设置从今天起的加载日期,因为他们只能选择从今天起的加载日期。

我需要的交货日期应该是加载日期当天或之后的日期。

如何根据此DatePicker组件中的加载日期选择验证交货日期。

我是否需要将交货日期中的最小日期保留为{this.state.loadingDate},这是正确的方法吗

0 个答案:

没有答案