问题标签 [muipickersutilsprovider]

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 投票
2 回答
2110 浏览

unit-testing - TypeError:Utils 不是构造函数

我正在MuiPickersUtilsProvider使用@material-ui/pickers@ v-3.2.10

并使用如下:

它适用于 UI,但在运行测试用例时会引发如下错误:

TypeError:Utils 不是构造函数

但是一旦我使用import * as DateFnsUtils from '@date-io/date-fns'我们的测试用例,但同样的错误出现在 UI 上,

当我使用import {default as DateFnsUtils} from '@date-io/date-fns'我们的测试用例时,但同样的错误出现在两个地方(UI 和测试用例)

我在下面的链接上找到了类似的讨论,但没有帮助

材料-ui-pickers/issues/805

0 投票
0 回答
48 浏览

reactjs - 如何在不指定 DateUtil(moment、datefns 等)的情况下覆盖标签命名

我正在使用KeyboardDatePicker来自@material-ui/pickers 的自定义样式创建一个自定义组件。

我需要自定义标签。我知道我可以使用getWeekdays基于https://material-ui-pickers.dev/guides/formats并使用MuiPickersUtilsProvider. 但为了做到这一点,我需要extend从 DateUtil (时刻,datefns 等)。

接着

我想要完成的是标签重命名而不需要依赖于特定的 DateUtil。对于所有 DateUtils,这就像这样做,但以通用的方式。

0 投票
0 回答
91 浏览

reactjs - 使用 MUI DatePickers 使用 react-hook-form 动态字段解析日期值

我无法将解析的日期传递给 react-hook-form 的提交对象。我需要在字段级别处理解析,因为这是一个动态表单,所以我无法控制用户将使用哪些字段。

我正在使用“setValue()”,我可以看到使用“watch()”时定义的值,但是在提交时它变得未定义。找不到我做错了什么。

这是一个可重现的示例:

编辑 lively-sun-cbnem

谢谢!

0 投票
0 回答
20 浏览

muipickersutilsprovider - Material-UI 选择器 onMonthChange 当前月份

当 onMonthChange 被触发时,有没有办法知道日历上显示的月份?

当用户更改月份(并且没有选择新日期)时,我希望能够注册 onMonthChange 事件并调用一个方法来确定该月是否有任何公共假期并使用 shouldDisableDate 禁用它们。

我在任何地方都找不到对此的任何参考。

提前致谢

0 投票
1 回答
225 浏览

reactjs - 在打字稿中为 MuiPickersUtilsProvider 组件创建反应容器组件

我有一个负责日期时间选择器的组件。我希望另一个父组件调用这个子日期选择器组件,这样我就可以拥有一个“包装器/容器”组件,一个仅用于数据选择器。此外,我在typescript上这样做没有成功。

这是我的代码沙箱:https ://codesandbox.io/s/date-picker-ubosl?file=/src/App.tsx

这是我的代码,该函数handleChangeDateType最后执行一个 console.log() ,结果应该传递给 Parent 组件。

0 投票
0 回答
44 浏览

reactjs - 在材质 ui 选择器中格式化月份

如何在 Material-ui 选择器中格式化月份视图中的月份?默认情况下,它们显示为“短”(Jan),我想显示“长”名称(January)。我遵循了他们的文档,但无法弄清楚为什么它不起作用。我正在使用 date-fns 和 MuiPickersUtilsProvider。形成天按预期工作。

当前代码: