2013-01-24 60 views
3

我都必须表现Jquery.Here文本的日期选择器onfocus事件的代码,但不工作日期选择器onfocus事件jQuery中

$("#payment_date").focus(function() { 
$("#payment_date").datepicker("show"); 
}); 
+1

我认为重点节目..有默认的日期选择器的仪式? – bipen

回答

2

的DatePicker的在jQuery UI自动绑定到输入元素的焦点。你不需要再绑定它。

只需运行:

$(function() {  
    $('#payment_date').datepicker(); 
}); 

应该足够了。

+0

直到我发布我的信息之后才看到您的答案。我现在删除了我的答案,不需要复制!用于OP的Little [** DEMO **](http://jsfiddle.net/DtyT9/),证明在'datepicker'控件中挂钩会自动打开日历 – Nope

+0

无需将其放入函数中,只需$( '#payment_date')日期选择器();会做。 http://jsfiddle.net/PpbTq/1/ – twoleggedhorse

+0

@twoleggedhorse:'$(function(){...});'确保在文档准备好之后才附加日期选择器。否则,您可能会以'$('#payment_date')'引用的元素尚未加载的方案结束。在jsfiddle中不需要它的原因是jsFiddle无论如何都将代码包装到文档中。 – Nope

1
$("input[id$=datepicker]").datepicker({}); 

试试这个,它工作正常..