日期选择器没有出现

Question

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

这里是小提琴

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

任何解决方案，请

Answer 1

您正在使用相同的ID为2格，要么改变类或使用唯一的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无效：您不能使用两次id，id属性must be unique。

，这足以使它成为一个类和所有将工作（见http://jsbin.com/unosar/19/edit#javascript,html,live）

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

顺便说一句，你应该使用改为官方改进mootools datepicker。