Start Building Professional
Web Apps Today

DHTMLX Calendar : Getting calendar date on some textbox when clicked on small calendar icon.

Hi,
I want to implement following functionality in my page.

I am having a small calendar icon on my page and I want that if I click on that icon, DHTMLX calendar should popup and selected date should get filled up in some textbox.

How to achieve this ?

Calendar can be linked to existing HTML input
    http://www.dhtmlx.com/docs/products/dhtmlxCalendar/samples/initialization/calendar_attach_to_input.html?un=1216724133000

In common case you can create a separate calendar control and show it from onclick event of image.
    http://www.dhtmlx.com/docs/products/dhtmlxCalendar/samples/initialization/calendar_sensitive.html?un=1216724293000

Will this work with JSP which is shown using modalbox ???? As I am able to show the calendar on it, but date is not getting selected.

>>Will this work with JSP which is shown using modalbox
The component is fully client side, so its functionality not related to used server side code.
The problem may be caused by default z-indexes value, which may be to small, so calendar occurs below modality layer - you can try to increase related value

dhtmlxcalendar.css
.dhtmlxcalendar{
    background: url(imgs/cal_bg_single.png) no-repeat;
    border: 0px solid green;
    font-family: Arial;
    z-index:99;   // this value need to be increased