Home/ Questions/Q 8000625
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T15:51:31+00:00

I have jquery calendar code like this <script> $(document).ready(function() { $(‘#calTwo’).jCal({ day: new Date(

  • 0

I have jquery calendar code like this

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

And in my body contest as follows

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

The above code is working fine but my requirement is instead of using span id tag i need to use text field and adjacent to the text field one calendar image. By clicking on that image calendar should get displayed, and whatever the date i have selected that should be shown in the text field.

I am new to Jquery and no idea how to implement this feature Any help.?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Something like:

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

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

    Is that what you were looking for? I just placed an image and assigned a click event that upon getting called will focus the calendar input which should bring up the calendar. Alternatively you could do $('#calTwo').trigger('click');.

    • 0