我在我的react-redux应用程序中使用react-datepicker模块,并且使它与redux表单兼容,如下所示:
const MyDatePicker = props => (
<div>
<DatePicker
{...props.input}
dateFormat="DD-MM-YYYY"
selected={props.input.value
? moment(props.input.value, 'DD-MM-YYYY')
: null}
placeholderText={props.placeholder}
disabled={props.disabled}
/>
{
props.meta.touched && props.meta.error &&
<span className="error">
{ props.intl.formatMessage({ id: props.meta.error }) }
</span>
}
</div>
);
问题是我不知道如何在我的模块中添加默认值。该默认值必须是今天。关于如何处理这个问题有什么想法吗?
最佳答案
更改:
selected={props.input.value
? moment(props.input.value, 'DD-MM-YYYY')
: null}
t0
selected={props.input.value ? moment(props.input.value, 'DD-MM-YYYY') : moment()}
const MyDatePicker = props => (
<div>
<DatePicker
{...props.input}
dateFormat="DD-MM-YYYY"
selected={props.input.value ? moment(props.input.value, 'DD-MM-YYYY') : moment()}
placeholderText={props.placeholder}
disabled={props.disabled}
/>
{
props.meta.touched && props.meta.error &&
<span className="error">
{ props.intl.formatMessage({ id: props.meta.error }) }
</span>
}
</div>
);
关于reactjs - react 日期选择器中的默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43465468/