通过拖动调用HTML5输入

Question

我正在使用HTML5输入来选择日期。

如果用户点击特定图片但我无法强制移动浏览器打开他们的日期选择器，我只想打开该输入。

这是元素：

<input type="date" class="dateInput" name="day" id="day">

简单问题： 如何用javascript打开？

Answer 1

当用户关注表单元素时，HTML5日期选择器会打开。如果单击/触摸图像，则与获得焦点不同。

但您可以通过在图像点击上触发焦点事件来模拟此行为：

jQuery( '#date-input-image-1' ).click( function() {
    jQuery( '#date-input-1' ).focus();
} )