Hola estoy tratado añadir mas campos fecha a un formularios pero a su vez que se desplieguen los campo me añada al lado un icono de calendario donde el usuario pueda tomar la fecha. y mi funcion new tcal es llamado de otro archivo
calendar_us.js
<html>
<head><title></title>
<script language="JavaScript" src="calendar_us.js"></script>
<link rel="stylesheet" href="calendar.css">
<script type="text/javascript">
<!--
numtlf=0;
function creartlf(obj) {
numtlf++;
fi = document.getElementById('fieltlf'); // 1
contenedor = document.createElement('div'); // 2
contenedor.id = 'divtlf'+numtlf; // 3
fi.appendChild(contenedor); // 4
ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.value = 'Otro telefono';
ele.name = 'telefono[]'; // 6
new tcal({
// form name
'formname': 'testform',
// input name
'controlname': 'testinput[]'
});
contenedor.appendChild(ele); // 7
ele = document.createElement('input'); // 5
ele.type = 'button'; // 6
ele.value = 'Borrar'; // 8
ele.name = 'divtlf'+numtlf; // 8
ele.onclick = function () {borrartlf(this.name)} // 9
// ele.onclick = function () {tcal(this.name)} // 9
contenedor.appendChild(ele); // 7
}
function borrartlf(obj) {
fi = document.getElementById('fieltlf'); // 1
fi.removeChild(document.getElementById(obj)); // 10
}
-->
</script>
</head>
<body>
<form name="testform">
<table>
<tr><td>Nombre: </td><td><input type="text" name="nombre"/></td></tr>
<tr><td>Primer Apellido: </td><td><input type="text" name="ape1"/></td></tr>
<tr><td>Segundo Apellido: </td><td><input type="text" name="ape2"/></td></tr>
<tr><td>Fecha de Nacimiento: </td><td><input type="text" name="fnac" /></td></tr>
<tr><td valign="top">Teléfono: </td><td id="fieltlf"><input type="text" name="testinput7" /> <script language="JavaScript">
new tcal ({
// form name
'formname': 'testform',
// input name
'controlname': 'testinput7'
});
</script><a title="Agregar otro telefono" onclick="creartlf(this)">Añadir</a></td></tr>
<input type="text"name="testinput4"/>
<script language="JavaScript">
new tcal ({
// form name
'formname': 'testform',
// input name
'controlname': 'testinput4'
});
</script>
</table>
<input type="submit" value=" Continuar "/><input type="reset" value=" Restablecer "/>
</form>
</body>
</html>