DatePicker组件设置默认值 setFieldsValue方法 (BraftEditor富文本编辑器 )
其实用setFieldsValue或者获取setState方法都可以设置DatePicker的默认值。
setState方法:
<FormItem label="日期选择框">
{getFieldDecorator('date', {
initialValue: moment("自定义默认日期", 'YYYY-MM-DD'),
})(
<DatePicker format={'YYYY-MM-DD'} />
)}
</FormItem>
setFieldsValue方法:
this.props.form.setFieldsValue({
"date": moment("自定义默认日期", 'YYYY-MM-DD')
})
<FormItem label="日期选择框">
{getFieldDecorator('date', {
rules: [{ required: true }],
})(
<DatePicker format={'YYYY-MM-DD'} />
)}
</FormItem>
编辑器内容、时间回显
// render() 之后执行
componentDidMount()
{
var listTextStr = sessionStorage.getItem( "listText" ) ;
var listTextInfo = JSON.parse(listTextStr) ;
this.props.form.setFieldsValue( { 'msgTitle': listTextInfo.msgTitle } ) ;
this.props.form.setFieldsValue( { 'msgType': listTextInfo.msgType } ) ;
this.props.form.setFieldsValue( { 'msgStatus': listTextInfo.msgStatus } ) ;
// this.props.form.setFieldsValue( { 'msgIssueTime': listTextInfo.msgIssueTime } ) ;
// 时间回显
this.props.form.setFieldsValue( { 'msgIssueTime': moment(listTextInfo.msgIssueTime,"YYYY-MM-DD HH:mm:ss") } ) ;
var msgId = listTextInfo.msgId;
this.getmsgContent(msgId) ;
// 异步设置编辑器内容
setTimeout(() => {
this.props.form.setFieldsValue({
// msgContent: BraftEditor.createEditorState(listTextInfo);
msgContent: BraftEditor.createEditorState(this.state.editorState.toHTML())
})
}, 1000)
}