Appel de jQuery UI Datepicker partir d'une autre fonction

Voici mon code:

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

Quand je clique sur la zone de texte, zone de texte affiche un calendrier à me laisser choisir la date. Ce sélecteur de date fonctionne bien.

J'ai ajouté dans une image, et je veux la zone de texte pour inviter le calendrier lorsque je clique sur l'image au lieu de cliquer sur la zone de texte. Je voudrais demander comment appeler le datepicker de jquery à partir de la onlick=jsFunction(); .

J'ai un travail en Java Struts2 cadre.

De bien vouloir vous conseiller et de vous aider.

OriginalL'auteur Panadol Chong | 2013-09-02

  1. 4

    Bonne façon de définir une icône de déclenchement (via API):

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

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

    Merci. vous me sauver. Cependant, j'ai une autre question, le /image/icon_calendar.gif n'affiche pas correctement dans mon site, si je suis votre chemin. c'est une image brisée. Il fonctionne très bien si je l'ai mis dans <html:image> . Est-il un autre configuration que j'ai besoin de faire si vous mettez l'image en fonction jquery?
    vous pouvez utiliser l'URL absolue, ou de trouver la bonne URL relative à l'image.
    Merci. Pouvez-vous m'aider sur une question? stackoverflow.com/questions/18529078/...

    OriginalL'auteur Samuel Liew

  2. 2

    Vous pouvez utiliser le méthode show

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

    Démo: Violon

    OriginalL'auteur Arun P Johny

  3. 1

    Essayer

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

    ou

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

    OriginalL'auteur Musa

  4. 0
    <script>

    $(function() {

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

    });

</script>

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

    OriginalL'auteur user3024508