我想从外部按钮触发日期输入的日期选择器的显示。
<input id="date" type="date" />
<button>display date</button>
例如,如果我有上面的代码,我将如何通过单击按钮来显示日期选择器(出现并允许您选择日期的框)?我不想使用 jQuery 或其他库。有没有办法使用普通 JavaScript 从外部触发器显示 native 日期选择器?
我正在寻找这样的东西:
var button = document.querySelector("button");
button.onclick = () => {
var input = document.querySelector("#date");
input.showDatePicker();
}
最佳答案
这在 Firefox 和 Edge 上运行良好:
<input id="date" type="date" />
<button>display date</button>
<script type="text/javascript">
var button = document.querySelector("button");
button.onclick = () => {
var input = document.querySelector("#date");
input.focus()
input.click()
}
</script>
关于javascript - 是否有 JavaScript 方法可以使 html 日期输入显示日期选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49088264/