React native DatePickerAndroid clear option

时间:2017-09-14 10:05:19

标签: react-native

我正在使用原生的DatePickerAndroid在我的react-native应用程序中编辑日期字段。

我想知道是否支持向原始日期选择器添加“清除”按钮,该按钮将关闭日期选择器并返回空日期 - 以便能够在输入字段中清除日期。

我附上了原始机器人日期选择器的屏幕截图,这个日期选择器是从常规<input/>打开的,其中类型为date。你可以看到有一个“清晰”按钮 - 正是我正在寻找的东西!

enter image description here

2 个答案:

答案 0 :(得分:2)

实际上这个问题以前是由 ufxmeng 回答的,但他的回答最近被删除了(我不知道为什么......)。

他的解决方案是创建一个自定义AndroidDatePicker模块,主要从 React Native 创建的原始DatePicker模块中复制,稍加更改以添加CLEAR按钮。< / p>

他整理了一个github仓库,其中包含所有需要添加/更改的文件以完成此操作。基本上,您需要的更改是herehere

但请注意,在该回购中添加的原始CLEAR按钮并不完全符合我的问题中指出的需求(请参阅此issue)。

所以我改变了一些代码,使其按照我的预期运作。您可以在此pull request

中看到我所做的更改

这对我很有用!

答案 1 :(得分:1)

如果其他人需要此功能,我会将ufxmeng的原始仓库分开,并为Clear添加TimePicker按钮功能:

Standard Dll Search Order