div popup lorsque vous cliquez dessus sur l'entrée

Question

J'ai l'élément suivant mon HTML

<input style="cursor:pointer;" type="text" name="startDate" value="" onclick="toggle('startDate')"/> 

Je veux montrer un élément <div> contenant un calendrier lorsque l'utilisateur clique sur l'élément d'entrée ci-dessus. Quelqu'un peut-il m'aider à écrire javascript pour cela?

J'ai écrit actuellement JavaScript avec le morceau de code suivant

inputElement.style.position='relative'; 
    divCalender.style.position='absolute'; 
    divCalender.style.top=30; 
    divCalender.style.left=30; 
    divCalender.style.display = 'block'; 

Mais cela ne fonctionne pas pour <input>. si j'écris la même logique JavaScript pour dire <button> ou <img> cela fonctionne. Quelqu'un peut-il me dire pourquoi il ne fonctionne pas pour <input>

Answer 1

Je vous conseille d'utiliser le plugin DateTime Jquery http://archive.plugins.jquery.com/plugin-tags/datetime

(vous pouvez modifier à ce jour montrent seulement)