Question

我正在尝试使用jquery-ui的datepicker（）函数创建两个日期输入字段，bot字段的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的默认行为。从事件处理程序中取出datepicker。

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

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

然后jQuery应该是：

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

显示日期选择器＆＃34;已激活＆＃34;仅输入字段

1 个答案: