selector de fecha no aparece

Estoy tratando de mostrar un selector de fecha en el segundo color verde, pero el selector de fecha no aparece, pero en el primer color verde funciona bien. ¿Qué debo modificar? En el violín, la primera fecha está bien, pero cuando hago clic en el color verde del segundo cuadro de texto y no aparece nada. ¿Qué tipo de modificación requiere?

Aquí está el violín

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

Cualquier solución por favor

preguntado el 03 de mayo de 12 a las 08:05

2 Respuestas

Está utilizando las mismas identificaciones para 2 div, cambie eso a clase o use identificaciones únicas, como

#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
});

contestado el 03 de mayo de 12 a las 08:05

Tu HTML no es válido: no puedes usar dos veces por id, la id atributo debe ser único.

Es suficiente para convertirlo en una clase y todo funcionará (ver http://jsbin.com/unosar/19/edit#javascript,html,live)

Además, toggle_class puede ser una cadena simple, no solo una matriz: http://www.monkeyphysics.com/mootools/script/2/datepicker#examples

Por cierto, deberías usar el oficial mejorado selector de fecha mootools preferiblemente.

contestado el 03 de mayo de 12 a las 10:05

@saroj Creo que es más fácil con una sola clase en lugar de duplicar cosas con múltiples ID en realidad ;-), ¡pero elija la solución que prefiera siempre que funcione! - Stefano

ya lo tengo... solo necesito una solución a este problema, cualquier solución por favor, he dado su ejemplo stackoverflow.com/questions/10428513/… - saroj

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.