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

Show date picker on "activated" input field only

本文关键字：选择器 输入 字段 日期 显示 激活      更新时间：2023-09-26

我试图通过使用jquery-ui的datepicker()函数创建两个日期输入字段，bot字段具有"datepicker"的id: <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>

仅显示何时激活输入字段是日期拾取器的默认行为。从事件处理程序中取出日期选择器。

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

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

， jQuery应该是:

$(function() {
    $(".datepicker").datepicker({
        // options
    });
});
相关文章：