2个DatePicker怎么进行验证，下面的一定要比上面的时间大？

Question

如图上面的时间需要比下面的时间小，并且2个时间都有一个初始化的值，我现在已经实现了点击下面的DatePicker可以比较上面的DatePicker，验证。

但是点击上面的不能实现。



应该是checkTimeStart的方法有问题，会报错

Answer 1

截图真的很不容易看清楚，而且想拷贝点代码出来研究也是件困难的事情。

给你个参考文档的页面
http://ant.design/components/...

你可以考虑一下 disableDate 这个来指定不可选择的日期

import { DatePicker } from 'antd';

const disabledDate = function (current) {
  // can not select days after today
  return current && current.getTime() > Date.now();
};

ReactDOM.render(
  <DatePicker disabledDate={disabledDate} />
, mountNode);

另外，对于日期范围选择，文档中也提到 RangePicker

import { DatePicker } from 'antd';
const RangePicker = DatePicker.RangePicker;

function onChange(value, dateString) {
  console.log('From: ', value[0], ', to: ', value[1]);
  console.log('From: ', dateString[0], ', to: ', dateString[1]);
}
ReactDOM.render(<div>
  <RangePicker style={{ width: 184 }} onChange={onChange} />
  <br />
  <RangePicker showTime format="yyyy/MM/dd HH:mm:ss" onChange={onChange} />
</div>, mountNode);

Answer 2

结束日期一定要比开始日期大的，要不然怎么区分开始和结束时间呀

Answer 3

unix时间串可以吧

Answer 4

用不可用日期就可以了disabledDate 可以参考例子啊
https://ant.design/components...

第一datepicker点击的值后，把值赋予第二个组件的disabledDate