将光标放在文本框中时不出现日期选择器答案

【问题标题】：date picker not appearing when cursor is put in textbox将光标放在文本框中时不出现日期选择器
【发布时间】：2012-05-03 09:22:33
【问题描述】：

单击green color 时出现两个日期选择器，但是当我将鼠标光标放在这两个文本框上时，只有在单击image/green color 后才会出现日期选择器。应该怎么修改？

在下面这个小提琴中，当光标被放置时，日期选择器会自动出现：

我想在下面的小提琴中添加上述功能：

我正在尝试，但没有任何反应。请问有什么解决办法

编辑：以上两个示例都使用相同的 css/js/mootools 脚本

【问题讨论】：

@Gavriel 是对的，但是您使用的日期选择器有一点问题，而且肯定已经过时（3 岁）。使用mootools.net/forge/p/mootools_datepicker

【解决方案1】：

两个示例中的代码不同。尝试设置一个更像您的真实代码的示例。尝试在第二个示例中做同样的事情：

new DatePicker('.picker', {
     pickerClass: 'picker ',
    allowEmpty: true
});

【讨论】：

我知道，我也试过了，所以我告诉你做两个相同的例子，因为这样很难做到
这里是：jsbin.com/uzagil/edit#javascript,html,live 但我遇到了一个问题，我在 Codrin 的回答中给出了评论，请提供任何解决方案
那是因为你认为你有第一个和第二个，但是查看你的代码你会发现两者是相同的：相同的 id、相同的类等。你认为 datepicker 应该如何猜测哪个绿色 div 属于到哪个输入字段？
是的，这就是我需要的解决方案，请提供任何想法
@saroj 最初的 Gavriel 解决方案是正确的，它是您使用的数据选择器有点错误（如果您单击一个输入，然后单击其他地方，然后单击另一个有效的输入；而是从一个输入单击到另一个输入不能按预期工作）。他的最新解决方案有效，但我强烈建议您切换到官方mootools datepicker

【解决方案2】：

在文本框上添加click 事件：

$$('.date').addEvent('click', function() { 
      dp.show(); 
});

【讨论】：

感谢您的回答，但我发现当我单击第二个绿色时，然后从日期选择器中选择日期并在第二个文本框中输入日期，现在当我将光标放在第一个文本框上时，日期选择器出现但是当我选择日期时，日期被输入到第二个文本框中，而不是进入第一个文本框。请检查一次