展示效果
1.默认展示如下:
2.选择计划开始时间后
3.控制结束时间选择范围在开始时间之前不可选。
实现说明
1.这块的交互UI是使用的antd3.x版本的组件库。
2.首先要做到这个是通过表单+时间控件组件组合使用,将基本页面布局出来,然后通过表单的方法获取到上一个时间控件所选的时间,然后进行禁用操作。
<Form layout='inline'>
//Row与Col是用来进行表单布局的,具体怎么操作可根据实际情况进行修改。
<Row className="edit-header">
<Col span={
4} offset={
1}>
<Form.Item >项目阶段</Form.Item>
</Col>
<Col span={
6} offset={
1}>
<Form.Item >计划开始时间</Form.Item>
</Col>
<Col span={
6} offset={
1}>
<Form.Item >计划结束时间</Form.Item>
</Col>
<Col span={