问题标签 [react-native-datetimepicker]

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 回答
201 浏览

react-native - 以编程方式打开/关闭 react-native-datetimepicker?

有没有办法以编程方式打开/关闭日期选择器react-native-datetimepicker

我的用例是创建一个组件,该组件TouchableOpacity在按下时会打开 DatePicker(表面积比微小的日期选择器大得多)。

RNDateTimePicker似乎不接受 a ref,也没有隐藏/显示的 API。

非常感谢。

0 投票
3 回答
443 浏览

javascript - TypeError:props.date.getTime 不是函数。(在 'props.date.getTime()' 中,'props.date.getTime' 未定义)

我正在使用react-native-date-picker来显示日期选择器。这是我的做法:

这应该显示日期选择器,但是一旦屏幕加载,我就会收到此错误:

TypeError:props.date.getTime 不是函数。(在 'props.date.getTime()' 中,'props.date.getTime' 未定义)

在此处输入图像描述

0 投票
2 回答
756 浏览

android - “react-native-modal-datetime-picker”年份列表未滚动

我试图自己找到解决方案,或者至少与其他人找到类似的问题,但我失败了。

这个问题是在将react-native-reanimated更新到2.x版本后出现的。我需要它与其他组件一起使用,因此回滚选项不适合。

看起来怎么样

该问题仅发生在android上。有谁知道这可能是为什么?

我的组件代码如下所示:

UPD1:

我发现这只发生在小屏幕上。显然,形成了嵌套的可滚​​动视图或类似的东西。

UPD2:

我试图在代码沙箱中创建一个可重现的示例,但出现错误。我认为这是平台的一个缺陷。但是此代码可以帮助在您的 PC 上重现此问题。

UPD3:

问题不能是最小或最大日期。而且,我不使用该time模式。 在大屏幕设备上一切正常

UPD4:

显然这个问题与react-native-reanimated无关,它只是巧合。我已经单独复制了这个问题,没有这个库。

我还向开发人员报告了这个问题。

UPD5:

感谢开发人员的回答,我进行了额外的测试,结果发现这种行为的真正原因是在@react-native-community/datetimepicker.

文档中的标准示例重现了此行为。

我也向其他开发者报告了这个问题。

0 投票
1 回答
129 浏览

react-native - 我如何在文本输入中显示从时间选择器中选择的时间?

我使用了这个时间选择器我的目标是从选择器中选择一个时间并将其显示在我的文本输入中一切正常,直到我选择它不会显示的时间并给我一个错误,即文本输入值必须是一个字符串谁能告诉我我做错了什么这是我的代码到目前为止

0 投票
1 回答
108 浏览

react-native - 如何从@react-native-community/datetimepicker 获取日期值并将其存储在对象中以供用户使用

我正在为用户构建一个注册页面,他们可以从我从“@react-native-community/datetimepicker”中使用的日期选择器中选择他们的出生日期。一切正常,代码能够在屏幕上显示选定的日期,除dateOfBirth外,所有其他字段的数据都存储在userInfo对象中。这是我使用日期选择器的代码部分:

(您可以忽略formatDate函数,因为它只是格式化时间戳之外的日期)

使用的函数和状态是:

另外,电子邮件示例以及我如何使用handleOnChangeText函数:

(这是有效的。附上只是为了理解目的,请忽略textInputChangehandleValidUser函数)

记录 userInfo 后的对象输出

在此处输入图像描述

如何在 userInfo 中获取 dateOfBirth 的值?

0 投票
0 回答
36 浏览

react-native - @react-native-community/datetimepicker 显示:单击同一日期时内联关闭

我希望在选择相同的日期时关闭内联日期选择器。那么如果用户不小心打开了picker,但又不想改变当前值,不使用onChange函数怎么关闭picker呢?

0 投票
1 回答
49 浏览

javascript - 反应原生 DateTimePicker 将初始状态设置为 String

我正在尝试实现 react-native-datetimepicker 并且我想设置一个初始状态文本“编辑出生日期”而不是当前的今天日​​期,有人可以指导我如何实现吗?看来我不能在日期挂钩中使用字符串作为值。

0 投票
2 回答
747 浏览

javascript - 如何在同一组件中使用两个 React Native 日期选择器模式

我想要两个日期,一个是开始日期,另一个是结束日期,但现在的问题是当我更改开始日期时,自动结束日期也在变化,反之亦然。我正在使用这个 = 'react-native-date-picker';

这是我的代码

忽略它=我想要两个日期,一个是开始日期,另一个是结束日期,但现在的问题是当我更改开始日期时自动结束日期也在变化,反之亦然。我正在使用这个 = 'react-native-date-picker'; 我想要两个日期,一个是开始日期,另一个是结束日期,但现在的问题是当我更改开始日期时,自动结束日期也在变化,反之亦然。我正在使用这个 = 'react-native-date-picker';

0 投票
0 回答
57 浏览

react-native - React Native DateTimePicker 样式

我在样式化 React Native DateTimePicker 时遇到问题。相关代码如下:

问题是,在白色背景下,当模式打开时,选择器的背景是浅灰色的。我需要摆脱它。或者,我尝试创建一个会触发选择器的输入字段,但在这种情况下,我需要它看起来已经对模态开放。

有什么建议么?

0 投票
0 回答
23 浏览

react-native - 如何使用 Detox 定位 Android 的 TimePicker 列?

我正在尝试更新 @react-native-community/datetimepicker 的小时、分钟和安培以进行排毒测试。根据 /example 文件夹。它通过以下方式定位列:

我尝试使用相同的示例但它提示找不到错误

排毒错误

在此处输入图像描述