单击图像时应出现日期选择器答案

【问题标题】：date picker should appear when clicked on image单击图像时应出现日期选择器
【发布时间】：2012-05-01 05:45:49
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

感谢您的回答，但我没有正确理解，请您在小提琴中显示
非常感谢我明白了，但是当我从选择器中选择一个日期然后单击该图像后，选择的日期未输入该文本框中，请看一下小提琴
@saroj 我看到了问题。我已经相应地更新了我的答案。
@saroj 忘记到目前为止所说的一切 - 我正在阅读日期选择器源并发现了一个可选的 toggleElements 集合，它允许其他元素（例如图像）切换日期选择器.
我遇到了另一个我问过的问题，请提供任何解决方案：stackoverflow.com/questions/10397240/…

【解决方案2】：

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

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

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

【讨论】：