如何通过javascript打开默认日期选择器？答案

【问题标题】：How to open default date picker by javascript?如何通过javascript打开默认日期选择器？
【发布时间】：2018-02-06 01:50:55
【问题描述】：

在普通的 html 中，我使用下面的代码来定义一个输入日期选择器，它允许用户在弹出日历中选择日期。它工作正常。

<input type='date'></input>

但是现在，我想在按钮的 onClick 函数上显示日期选择器。我知道可能还有其他一些可用的第 3 方日期选择器组件。但我不想在我的应用程序中引入新的依赖项。所以我正在寻找一种默认的方式来支持这种行为。

顺便说一句，我的 Web 应用程序是基于 react、redux 框架构建的。它在 android 和 iOS webview 上运行。如果默认日期选择器不支持此要求，也欢迎任何适合移动设备且与 react 兼容的 3rd 方组件。

【问题讨论】：

【解决方案1】：

为输入标签提供 id，然后在单击按钮时使用 .focus() 事件

例如：onclick="document.getElementsByTagName('input').focus()"

【讨论】：