通過拖動來調用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();
} )