сборщик дат не отображается

Question

Я пытаюсь отобразить сборщик дат во втором зеленом цвете, но сборщик даты не появляется, но в 1-м зеленом цвете он прекрасен. Что я должен изменить? В скрипке первое свидание подходит, но когда я нажимаю зеленый цвет второго текстового поля, ничего не появляется. Какую модификацию он требует?

Вот скрипка

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

Любое решение пожалуйста

Answer 1

Вы используете одинаковые идентификаторы для 2 DIV, либо изменить, что класс или использовать уникальные идентификаторы, как

#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, атрибут idmust be unique.

Этого достаточно, чтобы сделать его в класс, и все будет работать (см http://jsbin.com/unosar/19/edit#javascript,html,live)

Кроме того, toggle_class может быть простой строкой, а не только массив: http://www.monkeyphysics.com/mootools/script/2/datepicker#examples

Кстати, вы должны использовать вместо этого чиновник улучшил mootools datepicker.