前端项目实战80-ant design日期横向进行数据排布

<Form.Item
                    label="有效期"
                >
                    <Form.Item
                        name={'beginDate'}
                        style={{ display: 'inline-block', width: 'calc(50% - 8px)' }}
                        rules={[{ required: true, message: '请输入开始时间' }]}
                    >
                        <DatePicker style={{width: '100%'}}  placeholder={'请输入开始时间'}/>
                    </Form.Item>
                    <Form.Item
                        name={'endDate'}
                        style={{ display: 'inline-block', width: 'calc(50% - 8px)', margin: '0 8px' }}
                        rules={[{ required: true, message: '请输入结束时间' }]}
                    >
                        <DatePicker style={{width: '100%'}} placeholder={'请输入结束时间'}/>
                    </Form.Item>
                </Form.Item>