通過拖動調用HTML5輸入

Question

我正在使用HTML5輸入來選擇日期。

我只是想打開輸入，如果用戶點擊一個特定的圖像，但我不能強迫移動瀏覽器打開他們的日期選擇器。

這裏的元素：

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

簡單問題： 如何使用JavaScript打開？

Answer 1

當用戶關注表單元素時，HTML5 datepickers會打開。如果您點擊/觸摸圖片，這與獲得焦點不同。

但你很可能通過對圖像點擊射擊的焦點事件模仿這種行爲：

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