CleanCalendar In JQuery

Question

Hi,

I m Using a calendar.js file to implement calendar in my App. Actually this calendar .js has a line which accepts the classname and Div id name of my app.

In my App i m having these lines

 <input type="text" class="calendarSelectDate" />
 <div id="calendarDiv"></div>

When i click this textbox it will generate the calendar inthe DIv tag..

..But if i created a input tag and Div tag of my own using JQuery

$(" 1").appendTo("#hold1"); $("").appendTo("#hold1"); and use the same Class, The calendar is not generated....Suggest ME

Answer 1

I am not familiar with the CleanCalendar, bit I've had good experience with the JQueryUI Datepicker control.

Answer 2

You should call the line that accepts the classname and div ID AFTER creating the div and input using jquery.

Probably, when u call that line, it bind the "showCalendar" event to the elements with those class/id. But since you create the div/input after creating the event (I assume), the event won't be bound to these dynamicly created elements.

Answer 3

The calendar.js-script is run when loaded, and hooks up the events needed to show the calendar. If you add the input and div at some later point using jQuery, the events aren't hooked up.

If you add them in your own script with jQuery, you can solve your problem simply by moving the calendar.js-script tag to after the script tag with your code in it.

If you dynamically add the elements after page load, you have to figure out the inner workings of calendar.js and call its initialization again afterwards.