JQuery Datepicker 需要触发 onclick答案

【问题标题】：JQuery Datepicker needs to fire onclickJQuery Datepicker 需要触发 onclick
【发布时间】：2010-07-15 00:54:12
【问题描述】：

我需要通过点击链接触发 jquery datepicker。现在，如果我单击文本框，日期选择器会打开，这很好，但我在文本框旁边有一个按钮，有人可以点击它，它需要打开它旁边的日期选择器。我也想要一个标签而不是文本框，这可能吗？代码如下：

$(document).ready(function(){
   $("#mydate").datepicker({ maxDate: '+1y', minDate: new Date() });

});

   <li class="quick_date"><%= text_field_tag "mydate", Date.now.strftime('%m/%d/%Y'), :size => 10 %> <a id="quick_search" href="#">(Change Me)</a></li>

【问题讨论】：

很抱歉，直到你说了什么才知道接受......刚刚接受了所有最好的答案......谢谢

标签： javascript jquery jquery-ui datepicker uidatepicker

【解决方案1】：

要使#quick_search 链接打开日期选择器，您可以这样做：

var mydate = $("#mydate").datepicker({ maxDate: '+1y', minDate: new Date() });
$("#quick_search").click(function(){
    mydate.datepicker("show");
});

【讨论】：

谢谢你把它从一个文本框变成一个标签是可能的
为什么要更改<label> 的日期？如果你真的想这样做，你可以使用onSelect 事件。

【解决方案2】：

试试

.datepicker({ showOn: 'button'})

【讨论】：

【解决方案3】：

// datefields
$('.datefield').click(function(e){
var datefield = $(this).datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: 'yy-mm-dd'
 }).unbind('blur focus');
datefield.datepicker('show');
});

【讨论】：