前端项目实战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>