Ant Design

来自tomtalk
跳转至: 导航搜索

getFieldDecorator装饰多个antd组件

<FormItem
    label={<FormattedMessage id="helper.recruit.item80" defaultMessage="面试时间"/>}
    {...formItemLayout}>
    <FormItem style={{display: 'inline-block', width: 'calc(50% - 6px)'}}>
        {getFieldDecorator('interview_date', {
            rules: [{required: true, message: getLangWordText('helper.recruit.item175', '请输入时间')}],
            initialValue: moment(_Today, 'YYYY-MM-DD')
        })(<DatePicker className="col-12" format="YYYY-MM-DD"/>)}
    </FormItem>
    <span style={{display: 'inline-block', width: '12px'}}></span>
    <FormItem style={{display: 'inline-block', width: 'calc(50% - 6px)'}}>
        {getFieldDecorator('interview_time', {
            rules: [{required: true, message: getLangWordText('helper.recruit.item175', '请输入时间')}],
            initialValue: moment(_Today, 'HH:mm')
        })(<TimePicker className="col-12" format="HH:mm"/>)}
    </FormItem>
</FormItem>