javascript - 给定 div 和输入标签的日期选择器

Question

我已经能够成功地将日期选择器附加到输入字段。但是，单击跨度字段后是否还可以显示附加到输入的日期选择器？

<div class="date_month">
<input class="date" id = "set_date_01" type="text" readonly> 
<span class="date_icon">&nbsp;</span></div>

我环顾四周，没有找到好的解决方案。如有任何帮助，我们将不胜感激!

Answer 1

我会尝试这个:

$('.date_icon').on('click', function() {
    $('#set_date_01').focus();
});

但是您确实应该使用带有 for 属性的 label 而不是您的跨度。这样你就不需要 js 来实现这种效果，这对于可访问性来说非常有用。

例如:

<div class="date_month">
<label for="set_date_01">
    Pick a date
    <input class="date" id="set_date_01" type="text" readonly>
</label>
</div>