在我的 React 项目中使用日期选择器 - 哪个是最好的日期选择器？答案

【问题标题】：Using datepickers in my React Project - Which is the best datepicker?在我的 React 项目中使用日期选择器 - 哪个是最好的日期选择器？
【发布时间】：2018-07-23 15:48:04
【问题描述】：

我不确定这是否是提出此类问题的最佳地点。

我目前正在开发一个 React 网站。

我的项目需要使用日期输入字段。

我想实现一种用户友好的日期输入方法。

据我所知，我有四个选择：

日期类型的原生 HTML 输入字段
一个 jQuery UI 日期选择器
从预制库导入的反应日期选择器
构建我自己的

我想要拥有的一个重要的东西是移动兼容性。例如。如果用户在移动设备上浏览我的网站而不是向他们显示全尺寸日期选择器小部件，我想使用移动设备的本地方式来输入日期，例如https://developer.apple.com/documentation/uikit/uidatepicker 和 Android 等效项。

所以我的问题是，这里最好的方法是什么？

【问题讨论】：

除非您需要一些特殊功能或旧浏览器支持，例如 IE11 支持，否则我会更喜欢原生日期选择器，并让设备加载最适合硬件和语言环境的日期选择器

标签： javascript reactjs typescript datepicker jquery-ui-datepicker

【解决方案1】：

我想说的重要一点是，你永远不应该将 jquery 与 react 一起使用，因为它违反了虚拟 dom，而你在你的情况下绝对不需要它

我不会花时间构建我自己的日期选择器，因为在您的情况下这不是必需的，因为您正在使用日期选择器以及其他数据来创建网站......如果您需要一些不需要的自定义，您可以构建自己的日期选择器'当前不存在于本地 html 输入字段或任何可用的库中......或者你有空闲时间来花费

所以我会选择“对预制库做出反应”

在我的项目中我使用了

https://github.com/arqex/react-datetime

使用起来非常简单……希望对你有所帮助

【讨论】：