单击锚点时显示 jQuery DatePicker答案

【问题标题】：Show jQuery DatePicker on click on anchor单击锚点时显示 jQuery DatePicker
【发布时间】：2013-05-08 10:41:43
【问题描述】：

我正在使用 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() 使其工作。我知道这看起来有点乱，但它完成了工作。

【问题讨论】：

【解决方案1】：

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

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

所以，把你的代码改成

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

【讨论】：

【解决方案2】：

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

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

所以使用这个，如果这是你真正想要达到的目标。

【讨论】：