2012-05-25 12 views
0

Je jquery le code civil comme celui-ciComment appeler la fonction onclick dans jquery

<script> 
$(document).ready(function() { 
    $('#calTwo').jCal({ 
     day: new Date((new Date()).setMonth((new Date()).getMonth() + 2)), 
     days: 7, 
     showMonths: 1, 
     monthSelect: true 
    }); 
}); 
</script> 

Et dans mon concours corps comme suit

<body> 
<span id="calTwo"></span> 
</body> 

Le code ci-dessus fonctionne bien, mais mon exigence est au lieu de en utilisant l'étiquette d'identification d'envergure je dois employer le champ de texte et à côté du champ de texte une image de calendrier. En cliquant sur ce calendrier d'image devrait être affiché, et quelle que soit la date que j'ai choisi qui devrait être affiché dans le champ de texte. Je suis nouveau à Jquery et aucune idée de la façon de mettre en œuvre cette fonctionnalité Toute aide.?

Répondre

0

Quelque chose comme:

<input id="calTwo" /> <img src="..." id="calTwoIcon" /> 

<script> 
$('#calTwoIcon').click(function() { 
    $('#calTwo').focus(); 
}); 
</script> 

Est-ce que vous cherchez? Je viens de placer une image et assigné un événement de clic qui lors de l'appel se concentrera sur l'entrée du calendrier qui devrait faire apparaître le calendrier. Sinon, vous pouvez faire $('#calTwo').trigger('click');.

1

Au lieu d'utiliser jcal, vous pouvez également utiliser jQuery UI datepicker

HTML:

Date: <input id="calTwo" type="text"></input>​ 

Javascript:

$(document).ready(function() { 
    $('#calTwo').datepicker().option({"setDate": new Date()}); 
});​ 

Exemple: http://jsfiddle.net/YQ7k8/ L'exemple est laid parce que jsFiddle n » t avoir jQuery UI css. Jetez un oeil à http://jqueryui.com/demos/datepicker/ pour voir à quoi cela pourrait ressembler avec le bon thème.

+0

Merci pour votre réponse – Nithin

Questions connexes