如何验证结束日期小于反应中的开始日期，如果结束日期小于反应中的开始日期，如何在横幅中添加错误消息

Question

enter image description here如何在 React 中验证结束日期小于开始日期并在结束日期小于 React 开始日期时在横幅中添加错误消息。

我在那里有编辑个人资料页面我应该在横幅中显示错误消息说结束日期不能早于开始日期。

注意：使用react-datepicker组件

开始日期：05-25-2021 结束日期：05-19-2021

Answer 1

为什么不在结束日期日期选择器中使用 minDate 来放置开始日期？类似于：

 <DatePicker //<-- this is the end date picker
    selected={endDate}
    onChange={date => setEndDate(date)}
    minDate={new Date(startDate)} //<-- here put as minDate the startDate so user cannot select a date less than startDate
    placeholderText="Select a date"
/>

如何验证结束日期小于反应中的开始日期，如果结束日期小于反应中的开始日期，如何在横幅中添加错误消息

How to validate End date which is less than the Start date in react and add error message in banner if the end date is less than start date in react

javascript

reactjs

react-datepicker