[英]How to disable past dates from today date with Material ui reactjs?
我正在使用反應材料 ui 創建日期范圍選擇器。 此功能背后的邏輯是選擇所需日期,如果已選擇所需日期,則禁用所選日期中的所有過去日期。 如何實現這個反應材料ui?
這是我的代碼,
import React from 'react';
import {render} from 'react-dom';
import DatePicker from 'material-ui/DatePicker';
function disablePrevDates(date) {
return date.getDay() === 0;
}
class App extends React.Component {
render() {
return (
<div>
<DatePicker hintText="Check-in" shouldDisableDate={disablePrevDates} />
</div>
)
}
}
export default App;
這里是:
import React from 'react'; import DatePicker from 'material-ui/DatePicker'; function disablePrevDates(startDate) { const startSeconds = Date.parse(startDate); return (date) => { return Date.parse(date) < startSeconds; } } class App extends React.Component { render() { const startDate = new Date(); // or: // const startDate = new Date('December 20, 2016'); // const startDate = this.state.firstDate; return ( <div> <DatePicker hintText="Check-in" shouldDisableDate={disablePrevDates(startDate)} /> </div> ) } } export default App;
與您的問題標題有關。
const minDate = new Date(Date.now());
class App extends React.Component {
render() {
return (
<div>
<DatePicker hintText="Check-in" minDate={minDate} />
</div>
)
}
}
最好的方法是:
class App extends React.Component {
render() {
return (
<div>
<DatePicker hintText="Check-in" disablePast />
</div>
)
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.