javascript - 日期选择器未出现

Question

我正在尝试以第二绿色显示日期选择器，但日期选择器没有出现，但在第一绿色中它会很​​好。我应该修改什么？小提琴第一次约会很好，但是当我点击第二个文本框的绿色时，什么也没有出现。它需要什么类型的修改？

这是小提琴

http://jsbin.com/unosar/8/edit#javascript,html,live

请问有什么解决办法

Answer 1

您对 2 个 div 使用相同的 id，或者将其更改为 class 或使用唯一 id，例如

#invokeDP {
 width: 20px;
 height: 20px;
 background: green;
 display: inline-block;    
}
  #invokeDP2 {
 width: 20px;
 height: 20px;
 background: green;
 display: inline-block;    
}

var dp = new DatePicker('.picker', {
  pickerClass: 'datepicker ',
  allowEmpty: true,
    toggleElements: ['invokeDP', 'invokeDP2'] //2 divs with 2 unique ids
});

Answer 2

您的 HTML 无效：您不能使用两次 a id，该id属性必须是唯一的。

将它变成一个类就足够了，一切都会起作用（参见http://jsbin.com/unosar/19/edit#javascript,html,live）

此外，toggle_class 可以是一个简单的字符串，而不仅仅是一个数组：http ://www.monkeyphysics.com/mootools/script/2/datepicker#examples

顺便说一句，您应该改用官方改进的mootools 日期选择器。