仅在“已激活”输入字段上显示日期选择器

Question

我正在尝试使用jquery-ui的datepicker（）函数创建两个日期输入字段，机器人字段的ID为“ datepicker”： <input type="text id="datepicker" name="publishUp">和<input type="text id="datepicker" name="publishDown">

我尝试将功能附加到事件焦点，如下所示，希望仅在“已激活”字段上显示日历，但是它不起作用。 我想知道哪里可能出问题了？

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
     <script>
        $("#datepicker").focus(function() {
        $(this).datepicker();
        });
    </script>

Answer 1

仅当输入字段被激活时才显示日期选择器的默认行为。 将datepicker移出事件处理程序。

您不应有多个具有相同ID的输入； $("#datepicker")选择器只会找到第一个选择器。 如果要输入多个日期选择器，请改用一个类。 因此，HTML应该是：

<input type="text" class="datepicker" name="publishUp">
<input type="text" class="datepicker" name="publishDown">

然后jQuery应该是：

$(function() {
    $(".datepicker").datepicker({
        // options
    });
});