javascript - React.js ant设计范围过滤器，带有开始和结束日期错误

Question

在我的react.js ant.design项目我正在尝试基于 2 个日期选择器实现表范围过滤:开始日期和结束日期。我将它们插入过滤器下拉列表中，但是当我点击搜索按钮时，我收到一条错误消息，指出values.some不是函数。

您可能会看到的示例 HERE

目标是发送到后端以搜索 2 个日期的数组:开始日期和结束日期。我想它正在发送一个 moment.js 对象，该对象应该以某种方式转换为字符串，但我不知道在哪里执行此操作。任何如何修复它的想法都将受到欢迎

Answer 1

更改将值传递给 setSelectedKeys 函数的方式，setSelectedKeys 函数接受数组作为值。

所以为了让它发挥作用。将您的代码更改为这样。

onChange={e => setSelectedKeys([e.format("DD.MM.YYYY")])}

此外，您还必须处理日期选择器的清除事件，以避免将 null 值传递给 setSelectedKeys 函数。

onChange={e => setSelectedKeys(e !== null ? [e.format("DD.MM.YYYY")] : [])}