javascript - 从另一个函数调用 jQuery UI Datepicker

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 jquery .

我在 Java Struts2 框架中工作。

请建议/帮助。

Answer 1

设置图标触发器的正确​​方法（通过 API）：

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

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

Answer 2

您可以使用show 方法

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

演示：小提琴

Answer 3

尝试

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

或者

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

Answer 4

<script>

    $(function() {

      $("#datepic").datepicker({ showOn: 'button',buttonImage: 'image/calendar.gif'});

    });

</script>

<input type="text" id="datepic" />