javascript - 如何通过javascript打开默认日期选择器?

标签 javascript html reactjs webview

在普通的 html 中,我使用下面的代码来定义一个输入日期选择器,它允许用户在弹出日历中选择日期。效果很好。

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

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

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

最佳答案

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

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

关于javascript - 如何通过javascript打开默认日期选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38194746/

相关文章:

javascript - JQuery - 恢复被替换的元素

javascript - 滚动将视频 div 移动到页面上的另一个位置

javascript - 如何在浏览器中模拟触摸手势,最好是chrome?

javascript - onDeviceReady() {...} 没有方法 'bind'

javascript - 如何使用angularJS动态地将脚本添加到index.html?

javascript - 使用 jQuery 组合两个表单输入值

reactjs - localStorage 正在保存我的数据,但在刷新后重置并清空它

html - CSS "orphan"应该在行级还是 block 级运行?

javascript - 如何在 gatsby 中对用户进行身份验证

javascript - 为什么设置 "No license field": true in your package. json 时 "private"警告消失