Question

In fiddle i am displaying a dynamic date picker which displays date when we put curser on that text box, that is fine.i want a image to be placed right side of text box and when image will be clicked then same date picker will be displayed.

http://jsfiddle.net/cBwEK/

I am trying by putting an image there but when i click on that image nothing happens. How can it be done? Any help please

Answer 1

As it turns out, there is an option for this very thing: toggleElements. It expects a collection of other elements that can also invoke the datepicker. I added an array with a single element and it seems to work just fine.

var dp = new DatePicker('.picker', {
  pickerClass: 'datepicker ',
  allowEmpty: true,
  toggleElements: ['imageInvokerP']
});

Fiddle: http://jsfiddle.net/cBwEK/10/