目前我正在使用ReactJS + Material-UI的<DatePicker>
(http://www.material-ui.com/#/components/date-picker),并希望将今天的当前日期设置为<DatePicker>
的默认/初始值。我该如何进行操作?
当前设置:
<DatePicker
autoOk={true}
hintText="Select Date"
value={inputs.dateValue}
onChange={this.handleDatechange}
/>
4条答案
按热度按时间vnjpjtjt1#
你可以做这样的事
oogrdqng2#
DatePickers的默认行为是从今天的日期开始,唯一的原因是如果你传入一个defaultDate属性,或者一个具有不同日期的值属性。
在您的例子中,您将值作为inputs.dateValue传递,因此这将是初始值。您只需要确保inputs.dateValue的值被设置为今天的日期,例如,
yruzcnhs3#
在使用Redux-Form的情况下,像我一样,可以用这种方式设置默认值
在容器中设置初始值:
对于组件中的字段:
jtw3ybtb4#
你可以这样设置