单击图像时应显示日期选择器

Question

在小提琴中，我正在显示一个动态日期选择器，它显示我们将光标放在该文本框上的日期，这很好。我希望图像放在文本框的右侧，当点击图像时，相同的日期选择器将显示。

http://jsfiddle.net/cBwEK/

我正在尝试将图像放在那里但是当我点击该图像时没有任何反应。怎么做到呢？请帮忙

Answer 1

事实证明，有一个选项： toggleElements 。它期望一组其他元素也可以调用datepicker。我添加了一个带有单个元素的数组，它看起来效果很好。

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

小提琴：http://jsfiddle.net/cBwEK/10/

Answer 2

乔纳森给出了一个答案，这应该是做这些事情的方式。
但是有一个简单的解决方案，你可以采取 假设您的图片ID为Image，文本框的ID为Input 你可以做任何事情  使用$('#Input').datePicker()中的document.Ready将datepicker绑定到input元素 接下来你可以像这样绑定$（'＃Image'）的click事件

$('#Image').click(function(){
$('#Input').click();
});

这样，当您点击图像时，输入元素将自动获得焦点。