JQuery Datepicker需要触发onclick

时间:2010-07-15 00:54:13

标签: javascript jquery jquery-ui datepicker uidatepicker

我需要从链接点击中触发jquery datepicker。现在,如果我点击文本框,则打开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>

3 个答案:

答案 0 :(得分:3)

要使#quick_search链接打开日期选择器,您可以执行此操作:

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

答案 1 :(得分:0)

.datepicker({ showOn: 'button'})

答案 2 :(得分:0)

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