问题标签 [react-widgets]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
759 浏览

javascript - React Widgets + Redux-Form 可编辑下拉菜单

我正在使用 Redux-form 并提取数据来初始化我的多选(下拉)框。这是来自 redux-form 站点的示例 - https://redux-form.com/6.0.0-rc.1/examples/react-widgets/他们使用 react-widgets 作为附加组件。

该示例允许您选择最喜欢的颜色,它将列出可用的选择。这是我的这个例子的代码框 - https://codesandbox.io/s/7z5q82np51

如果我不想选择预填充的值,我希望能够在框中添加我自己的选项/值。stackoverflow 上有一个重复/类似的问题 - Redux-Form 中的可编辑组合框,但我无法让解决方案正常工作 - 所以不要认为它不再相关(可能是旧版本)。

如果有人可以看到这是如何完成的或看到建议的解决方案并让它在我的代码沙盒示例中工作?欢迎使用任何带有 redux-form 的解决方案来获得想要的结果,即拥有一个可编辑的多选,以创造我自己的价值。

0 投票
0 回答
82 浏览

reactjs - React 小部件编号选择器不接受键盘减字符

有没有办法阻止 Riact Widget NumberPicker 过滤掉键盘减字符?

您可以按下小滚轮按钮,数字会下降到负数,但为什么它会过滤减号键击?

0 投票
1 回答
494 浏览

javascript - redux-form + react-widgets DateTimePicker

我正在使用 redux 处理 reactjs,我试图在链接 https://redux-form.com/7.4.2/examples/react-widgets/中实现以下表单

除了 DateTimePicker 之外的所有组件都工作正常,因为(momentLocaliser)我试图以这种方式实现它:

实现momentLocaliser获取的主要问题(Module not found)

请问我需要修复它,或者如果有任何日期选择器我可以与 redux-form 一起使用

0 投票
0 回答
646 浏览

reactjs - React-widgets DateTimePicker 抛出错误'无法读取未定义的属性'oneOfType'

我正在使用 redux-forms,他们的示例有一个来自 react-widgets 的日期时间选择器。 Redux-Form react-widgets 示例

在此页面上的示例中,它有一个指向 react-widgets 的链接。我几乎遵循了 redux-forms 网站上的示例,并且不断收到以下错误:

TypeError:无法读取未定义的属性“oneOfType”。/node_modules/react-widgets/lib/util/localizers.js /node_modules/react-widgets/lib/util/localizers.js:23

在有人询问 Redux-Forms 是否设置正确之前,我已经将它与其他几个渲染字段一起使用,我正在尝试添加一个日期选择器,但它只是对我不利。

0 投票
1 回答
4613 浏览

javascript - 强制日期选择器反应小部件使用 UTC?

我正在使用 react DateTimePicker 小部件,并且希望将日期存储在 ISO 中,而不管时区和 DST。当前的本地化设置是 en-GB。

我已经尝试了以下帖子的建议,并浏览了 moment.js 的文档 转换日期 UTC 给出了错误的日期

但最终结果是 1999-09-07T23:00:00.000Z 因此没有存储正确的输入日期。

我现在使用以下 formatDate 函数格式化日期,但是当我将机器上的时区更改为智利时,日期 1999-09-07 GMT-0200 变为 1999-09-08T00:00:00.000Z。

有什么我想念的吗?

0 投票
1 回答
341 浏览

reactjs - 选择时更改日期的标题格式

在此处输入图像描述我正在使用来自 react-widgets 的 Datetimepicker。我想更改日期单元格的标题,以便在将鼠标悬停在日期上时,我会看到我需要的格式。目前,日历页脚中显示的标题和日期的格式为:"Month Date, Year". 我需要有"Date Month, Year"

我尝试过使用文化财产。我不确定我是否尝试正确。

0 投票
2 回答
90 浏览

reactjs - 如何使用 React 创建一个可以实时预览小部件并生成小部件可嵌入链接的门户

我正在尝试建立一个门户来创建小部件。该门户将允许用户创建不同类型的小部件并实时预览该小部件的外观。

最后,该门户应该能够为特定小部件生成唯一链接,该小部件能够在用户粘贴时在任何地方呈现用户配置的相同小部件(例如:像在线文章)。

供您参考,我附上了我的预览页面的设计。(https://drive.google.com/open?id=1lP3h5YYExrPWOcAaRmf2YupZ6qjqrINH

请帮助我找到使用 React 实现这一点的最佳方法。

0 投票
3 回答
1374 浏览

reactjs - 我正在使用 React react-widget。我想限制早上 7:00 到晚上 18:00 之间的时间。有没有办法做到这一点?

我正在使用 React react-widget。我想限制早上 7:00 到晚上 18:00 之间的时间。有没有办法做到这一点?

0 投票
1 回答
41 浏览

combobox - react-widgets 组合框中的键盘可访问性

我正在使用带有组标题的 React Widgets 组合框,但我无法使用键盘导航。

文档页面上的第一个示例有一个可通过键盘访问的下拉菜单(向上/向下箭头键),但我看不到它的源代码,并且它不使用组标题:

https://jquense.github.io/react-widgets/api/Combobox/

该页面上显示源代码的后面示例无法通过键盘访问。

我已经搜索但没有找到任何示例代码,显示如何在反应小部件组合框上启用键盘可访问性。

这是我的代码:

谁能说如何允许用户使用键盘选择下拉项目?谢谢!

0 投票
1 回答
960 浏览

combobox - React 小部件组合框;如何清除输入或防止选择

我正在使用React Widgets 中的组合框作为搜索 UI 组件。

我已经放入了一个自定义渲染项,以便当您单击下拉列表中的搜索结果时,您可以导航到相关页面。

但是,当您选择结果时,所选项目的名称会进入文本输入,这不是用户在选择搜索结果时所期望的。我认为他们希望保留搜索词,或者可能清除输入。

我喜欢 Combobox 组件,但还没有找到另一个 UI 小部件可以做我想要的,所以我想找到一个解决方案。

是否有某种方法可以覆盖选择行为,以便单击列表项不会选择它?我尝试设置“onSelect”属性,但这不会抑制默认选择行为,它只是增加了额外的功能。

或者有没有办法手动将选择设置为空?文档似乎没有显示任何内容。我尝试使用 reactDOM 手动将输入节点的值设置为“”,但该值没有改变。我猜该组件控制它。

我已经将 Combobox 包装在一个功能组件中:

如果我设置 Combobox 的 value 属性,则无法输入。

有什么建议么?谢谢你。