react-antd-form-rangerPicker:同时使用timerPicker,datePicker,解构rangePicker(时间区间选择和日期区间选择不在一起的兼容使用)
antd内有两个关于时间区间选择的对象:TimerPicker,DatePicker.他们都有自己的RangePicker,
如果一个构建中有两个时间区间选择框(非在一个框内同时可选择日期和时间而是分开)
换句话说在一个组件内直接同时使用两个组件的同名RangePicker
个人的做法时在jsx内利用变量的环境作用域,这样就不用改名(解构出的rangePicker非自定义名字)
import {TimerPicker,DatePicker} from 'antd' const { RangePicker } = DatePicker//日期选择 {/* 选择日期 */} <Form.Item label="日期" name="chosedate"> <RangePicker></RangePicker> </Form.Item> {/* 指定时间 */} <Form.Item name="zhiTimer" label="指定时间"> { (()=>{ const {RangePicker} = TimePicker return <RangePicker></RangePicker> })() } </Form.Item>