react.js ant设计范围过滤器,带有开始和结束日期错误

玛莎

在我的react.js ant.design项目中,我试图基于2个日期选择器实现表范围过滤:开始日期和结束日期。我将它们插入过滤器下拉列表中,但是当我按下search按钮时,出现了一个错误提示values.some is not a function

在此处输入图片说明

您可能会在这里看到的示例

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

小安杰洛·加纳登(Angelo Ganaden Jr.)

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

所以为了这个工作。将您的代码更改为此。

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

另外,您必须处理datepicker的on clear事件,以避免将空值传递给setSelectedKeys函数。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在带有自定义过滤器的Ant设计(antd)表组件中将ref与React Hooks一起使用

来自分类Dev

在React.js中使用SVG过滤器属性

来自分类Dev

TreeView中的React.js搜索过滤器

来自分类Dev

使用react.js实现过滤器功能

来自分类Dev

带有节点 js 的 dynamodb 中的日期时间基准过滤器

来自分类Dev

带有过滤器和ng-repeat的Angulars JS

来自分类Dev

起始日期结束日期列上的JSON Linq.js过滤器

来自分类Dev

起始日期结束日期列上的JSON Linq.js过滤器

来自分类Dev

通过日期范围或单词过滤器过滤Meteor.js中的集合

来自分类Dev

使用React JS的输入范围

来自分类Dev

在React.js中过滤

来自分类Dev

在过滤器方法React / JS中删除多个项目

来自分类Dev

过滤器是删除数组中项目的最佳方法吗?(react.js)

来自分类Dev

如何在React JS中创建动态搜索过滤器?

来自分类Dev

如何在React.js中制作通用的“过滤器”高阶组件?

来自分类Dev

如何使用 React.js 创建过滤器下拉列表?

来自分类Dev

如何使用复选框在react js中编写过滤器

来自分类Dev

React.js和Isotope.js

来自分类Dev

React JS中的拦截错误

来自分类Dev

Webpack和React.js

来自分类Dev

如何在角度js年或月上应用范围日期过滤器?

来自分类Dev

解析错误:带有react.js和promise的意外令牌,预期为“,”

来自分类Dev

带有Node.js Rest API的React.js

来自分类Dev

使用dc.js,d3.js和交叉过滤器的参考错误

来自分类Dev

使用angular.js过滤器按月过滤日期

来自分类Dev

一个屏幕上带有过滤器的多个React Admin列表

来自分类Dev

Angular JS:使用角度过滤器拆分日期,月份和时间

来自分类Dev

Angular JS:使用角度过滤器拆分日期,月份和时间

来自分类Dev

React JS根据日期输入计算日期

Related 相关文章

  1. 1

    在带有自定义过滤器的Ant设计(antd)表组件中将ref与React Hooks一起使用

  2. 2

    在React.js中使用SVG过滤器属性

  3. 3

    TreeView中的React.js搜索过滤器

  4. 4

    使用react.js实现过滤器功能

  5. 5

    带有节点 js 的 dynamodb 中的日期时间基准过滤器

  6. 6

    带有过滤器和ng-repeat的Angulars JS

  7. 7

    起始日期结束日期列上的JSON Linq.js过滤器

  8. 8

    起始日期结束日期列上的JSON Linq.js过滤器

  9. 9

    通过日期范围或单词过滤器过滤Meteor.js中的集合

  10. 10

    使用React JS的输入范围

  11. 11

    在React.js中过滤

  12. 12

    在过滤器方法React / JS中删除多个项目

  13. 13

    过滤器是删除数组中项目的最佳方法吗?(react.js)

  14. 14

    如何在React JS中创建动态搜索过滤器?

  15. 15

    如何在React.js中制作通用的“过滤器”高阶组件?

  16. 16

    如何使用 React.js 创建过滤器下拉列表?

  17. 17

    如何使用复选框在react js中编写过滤器

  18. 18

    React.js和Isotope.js

  19. 19

    React JS中的拦截错误

  20. 20

    Webpack和React.js

  21. 21

    如何在角度js年或月上应用范围日期过滤器?

  22. 22

    解析错误:带有react.js和promise的意外令牌,预期为“,”

  23. 23

    带有Node.js Rest API的React.js

  24. 24

    使用dc.js,d3.js和交叉过滤器的参考错误

  25. 25

    使用angular.js过滤器按月过滤日期

  26. 26

    一个屏幕上带有过滤器的多个React Admin列表

  27. 27

    Angular JS:使用角度过滤器拆分日期,月份和时间

  28. 28

    Angular JS:使用角度过滤器拆分日期,月份和时间

  29. 29

    React JS根据日期输入计算日期

热门标签

归档