jquery - 单击锚点时显示 jQuery DatePicker

Question

我正在使用 jQuery datepicker，我想在单击锚点时显示它，并且我想隐藏与 datepicker 事件关联的输入。

所以我尝试了这个

<a id="test">
   test
</a>

<p>Date: <input type="hidden" id="TafPassportDateOfIssue" /></p>

我有这个脚本

<script>
  $('#test').click(function() {
    $('#TafPassportDateOfIssue').datepicker();
  });

但这无济于事。有任何想法吗？

PS：我正在使用jquery-1.7.2.min.js和jquery-ui-1.8.11.min.js

更新：

我设法通过添加$('#TafPassportDateOfIssue').focus(). 我知道这看起来有点乱，但它完成了工作。

score 1 · Accepted Answer

无效Jquery的选择器。您的选择器中没有#，selector因为您使用 ID 进行选择

应该 $('#TafPassportDateOfIssue') 不是 $('TafPassportDateOfIssue')

因此，将您的代码更改为

$('#test').click(function() {
    $('#TafPassportDateOfIssue').datepicker();
  });

score 1 · Accepted Answer

datepicker()使输入元素成为日期选择器，但不显示它。这样，每次单击链接时，该函数都会尝试将日期选择器应用于输入元素，但实际上不会这样做，因为它还hasDatepicker向其中添加了一个类。如果元素已经获得类，则函数返回而不是重新应用日期选择器。

jQuery UI datepicker 插件有一个选项可以在单击按钮时打开它：showOn: 'button'

因此，如果这是您实际尝试实现的目标，请使用它。

2 回答 2