如何在链接上显示日期选择器点击jquery

时间:2014-08-16 18:59:24

标签: jquery html jquery-ui

我正在尝试创建一个简单的过程,以便能够选择一天并将其设置为get参数。我无法显示jquery datepicker。

这就是我所拥有的:

<script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
</script>

{{ date }} - <a href="#" id="datepicker">Change Date</a>

我做错了什么?

1 个答案:

答案 0 :(得分:1)

谢谢@Len_D。答案可以在已经提出这个问题的其他人身上找到:

Open Datepicker by clicking a Link

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

和JS:

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