Estoy desarrollando una aplicación web con struts2, ajax y javascript. Quiero insertar un calendario para escoger una fecha (datetime picker) y no consigo hacerlo.
Struts ofrece un tag de ajax:
<s:datetimepicker name="picker" />
<s:datetimepicker type="time" name="picker" />
Y ero sería perfecto si no fuera porqué tengo que generarlo dinámicamente, y es aquí donde entra el javascript. Lo que quiero hacer es crear un formulario que va añadiendo elementos a medida que el usuario inserta datos, y uno de estos elementos es el date time picker. He probado de todo pero no consigo hacerlo. He intentado crear un div con javascript y añadirle código html con la propiedad innerHTML:
d = document.createElement('div');
d.id = 'div' + i; //( +i porqué dentro del formulario habrá más divs como este, se
generan dentro de un bucle)
d.innerHTML('<input id="demo1" type="text" size="25"><a
href="javascript:NewCal('demo1','ddmmyyyy')"><img src="images/cal.gif"
width="16" height="16" border="0" alt="Pick a date"></a>');
O también:
d = document.createElement('div');
d.id = 'div' + i;
d.innerHTML = '<s:datetimepicker name="picker" />
<s:datetimepicker type="time" name="picker" />';
Así no funciona, no sé si será por las comillas o es que eso no se puede hacer...
También he probado crear los elemento uno por un e insertar un evento, pero esto tampoco funciona:
divdest = document.createElement('div');
divdest.id = 'divdest';
txt = document.createTextNode('Start Time: ');
divdest.appendChild(txt);
st = document.createElement('input');
st.name = 'st' + i;
myImg = document.createElement('img');
myImg.name = 'img';
myImg.src = 'date.icon.gif';
myImg.width = 18;
myImg.height = 18;
myImg.border = 0;
myImg.alt = 'Pick the img';
myImg.onclick = 'cal.select(st,'img','MM/dd/yyyy'); return false;';
divdest.appendChild(myImg);
Estoy desesperada y ya no sé qué mas probar!!!
Si alguién me puede ayudar os lo agradeceré mucho!!!
