jquery - 单击链接打开日期选择器

Question

我在我的网页上使用 JQuery UI 的日期选择器。目前，我已成功使其与名为“mydate”的文本字段一起使用。代码如下:

$('#releasedate').datepicker({
                changeYear: 'true',
                changeMonth:'true',
                startDate: '07/16/1989',
                firstDay: 1
            });

但是，我想要一点改变。我想显示一个名为“选择日期”的链接，而不是文本字段，该链接应该打开日期选择器，并且在选择日期后，需要更新隐藏文本字段的值。

我尝试过不同的方法，但都没有成功。 jQuery专家，你能帮帮我吗？我热切地等待收到这个问题的解决方案。预先非常感谢您。

Answer 1

实际上，您可以将日期选择器附加到 <input type="hidden" />并使链接成为打开它的触发器:

$(function() {
    $('#hiddenDate').datepicker({
        changeYear: 'true',
        changeMonth: 'true',
        startDate: '07/16/1989',
        firstDay: 1
    });
    $('#pickDate').click(function (e) {
        $('#hiddenDate').datepicker("show");
        e.preventDefault();
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>

<input id="hiddenDate" type="hidden" />
<a href="#" id="pickDate">Select Date</a>