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 method

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

演示：Fiddle

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" />

从另一个函数调用jQuery UI Datepicker

4 个答案: