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无效：您不能使用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。

日期选择器没有出现

2 个答案: