日期选择器没有出现

Question

我试图以第二绿色显示日期选择器,但是日期选择器没有出现,但是在第一绿色中它变得很好.我应该修改什么？在小提琴第一次约会即将到来,但是当我点击第二个文本框的绿色时,什么都没有出现.它需要什么类型的修改？

这是小提琴

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

任何解决方案请

Answer 1

您正在为2 div使用相同的ID,要么将其更改为类,要么使用唯一的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
});