javascript - 单击图像时应出现日期选择器

Question

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

http://jsfiddle.net/cBwEK/

我正在尝试将图像放在那里，但是当我单击该图像时，什么也没有发生。如何做呢？请提供任何帮助

Answer 1

事实证明，这件事有一个选项：toggleElements。它需要一组也可以调用日期选择器的其他元素。我添加了一个带有单个元素的数组，它似乎工作得很好。

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

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

Answer 2

乔纳森给出了一个答案，这应该是做这类事情的方式。
但是有一个简单的解决方案，你可以
假设你的图像的 id 是Image文本框，Input
你可以做所有通常
将 datepicker 绑定到输入元素的事情$('#Input').datePicker()，document.Ready
接下来你可以绑定 $('#Image') 的点击事件像这样

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

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