从另一个函数调用jQuery UI数据报警器

Question

以下是我的代码：

<script type="text/javascript">
$(function(){ //this is the datepicker function
    $( "#datepicker" ).datepicker();
});

function jsFunction(){
   // i want to call the datepicker function from here
}
</script>
</head>

html

<html:image alt="Calendar" src="/images/icon_calendar.gif" 
    value="reset" onclick="jsFunction();" />
<input type="text" id="datepicker" />

单击文本框时，文本框将提示日历，让我选择日期。这个挑选日期的人工作很好。

我添加了一个图像，当我单击图像而不是单击文本框时，我希望文本框能够提示日历。我想问一下如何从onlick=jsFunction()；调用datepicker。

我是一个在Java Struts2框架工作的人.

请提供建议/帮助。

Answer 1

设置图标触发器的正确方法(通过API)：

$( "#datepicker" ).datepicker({
    showOn: "button",
    buttonImage: "/images/icon_calendar.gif",
    buttonImageOnly: true
});

http://jqueryui.com/datepicker/#icon-trigger

Answer 2

您可以使用显示法

function jsFunction(){
    $( "#datepicker" ).datepicker( "show" );
}

演示：小提琴

Answer 3

试一试

function jsFunction(){
    $( "#datepicker" ).focus();
}

或

function jsFunction(){
    $( "#datepicker" ).click();
}