Datetimepicker no funciona en tabla dinamica

focesar · #1 (**permalink**) 21/12/2012, 11:36

Hola a todos.

Tengo un problema con este codigo. Es una tabla dimica que aumenta la cantidad de filas de acuerdo a la seleccion de OST que se quiera asignar.
Todo trabaja excelente excepto el campo de CITA.

Lo que no se es como debo hacer el codigo para que el campo carge en datetimepicker en todos los campos cita, solo se crea en el primero.

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="es-es">

<head>

<!-- metas -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<!-- inicio del codigo para insertar favicon en pagina y acceso directo -->
<link href='../images/favicon.ico' rel="shortcut icon">
<link rel="icon" type="image/ico" href='../images/favicon.ico'>

<!-- titulo del sitio web -->
<title>Control de Instalaciones</title>

<!-- Codigo para carga de los CSS -->
<link type="text/css" href="../default.css" rel="stylesheet">

<!--Carga JavaScript-->
<script type="text/javascript" src="../js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="../js/jquery.validate.js"></script>

<!-- Script Jump Menu -->
<script type="text/JavaScript">
function MM_jumpMenu(targ,selObj,restore){
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;}
</script>
<!-- Valida envios -->
<script type="text/javascript">
function validaenvio(){
    if (confirm('¿Estas seguro?, desea asignar estas OST')){
       document.cholo.submit()
    }
}
</script>

<!-- Configuracion de los Plugin de JQuery -->
<script type="text/javascript">
  $(document).ready(
  	function(){  		

  		//Script de Validacion
  		$("#cholo").validate ({
			errorContainer: "#mensaje1",
			errorLabelContainer: "#mensaje1 table",
			wrapper: "tr",
			submitHandler: function validaenvio(){ if (confirm('¿Estas seguro?, desea asignar estas OST')){document.cholo.submit()}}
		});

		//Script de Datepicker para cita
		$('#cita').datetimepicker({
		timeFormat:'HH:mm',
		minDate: 0,
		maxDate: 15,
		});

		});
</script>

<!-- CSS del Plugin JQuery Validator -->
<style type="text/css">
	#mensaje1 { display: none }
	select.error { border: 1px solid red; }
	input.error{ border: 1px solid red; }
</style>

<!-- Validacion de la Cookies -->
<%
	if request.cookies("usuario")("cedula")="" then
		Response.Write("<script>window.open('../default.asp?error=2','_top');</script>")
	else
%>

<!-- Declaracion de Variables ASP -->
<%
		Dim strConnection, conn, Cnt_SQL, CnT_Str, Tec_SQL, Tec_Str, Mvm_SQL, Mvm_Str, RS, SQL
%>

<!-- Driver ODBC SQL 2008 ASP -->
<%	
		strConnection = "Driver={SQL Server Native Client 10.0}; server=localhost; database=SICOIN; uid=; pwd=" 

		Set conn = Server.CreateObject("ADODB.Connection")
		conn.Open strConnection

		Set Tec_Str = Server.CreateObject("ADODB.recordset")
		Set Cnt_Str = Server.CreateObject("ADODB.recordset")
		Set Mvm_Str = Server.CreateObject("ADODB.recordset")
		Set rs=Server.CreateObject("ADODB.recordset")

%>
<!-- Validamos que el CAIC sea el correcto en la cookie -->
<%
	SQL="Select * from usuarios where cedula_usuario='"& request.cookies("usuario")("cedula") &"'"
	rs.open SQL, conn, 3, 3
%>

<!-- String de consulta SQL -->
<%		
		Cnt_SQL="Select id_central, nombre_central from centrales where caic_central ='"& rs("caic_usuario") &"' or caic_central ='0'"
		Cnt_Str.open Cnt_SQL, conn, 3, 3

		Tec_SQL="select id_tecnico, codigo_tecnico, apellidos_tecnico, nombre_tecnico from tecnico where caic_tecnico='"& rs("caic_usuario") &"' order by apellidos_tecnico"
		Tec_Str.open Tec_SQL, conn, 3, 3
		
		Mvm_SQL="Select id_movieminto, codigo_movimiento, descripcion_movimiento from codigo_movimiento order by codigo_movimiento"
		Mvm_Str.open Mvm_SQL, conn, 3, 3
		
	end if
%>

<%if request.querystring("error")=1 then%>
<script type="text/javascript">
	alert("Asignacion Exitosa");
</script>
<%elseif request.querystring("error")=2 then%>
<script type="text/javascript">
	alert("Asignacion Fallida");
</script>
<%elseif request.querystring("error")=3 then%>
<script type="text/javascript">
	alert("Telefono nuevo ya existe. Verifique");
</script>
<%elseif request.querystring("error")=4 then%>
<script type="text/javascript">
	alert("Cambio Guardado");
</script>
<%elseif request.querystring("error")=5 then%>
<script type="text/javascript">
	alert("Telefono no pertenece al CAIC del usuario");
</script>
<%end if%>


</head>
<body class="center" style="text-align:center">

<div id="main_asignar" style="width: 950px">
	<h2 class="center"><span class="center">Asignación de Ordenes a Técnico</span></h2>
	<br>

	<form id="cholo" name="frmAdd" method="post" action="asignar_trabajo_SQL.asp" style="width: 950px">
	<table class="aligncentertable" style="width: 500px">
		<tr>
			<td >Cuantas OST desea asignar? :</td>
			<td >
			<select id="OSTs" name="OSTs" onChange="MM_jumpMenu('self',this,0)" class="ui-widget-content ui-corner-all center" style="width: 200px">
			<% 
				Dim i , sel , line
				For i = 1 To 20
				If CInt(Request.QueryString("Line")) = i Then
					sel = "selected"
				Else
					sel = ""
				End IF
			%>
			<option value="<%=Request.ServerVariables("SCRIPT_NAME")%>?Line=<%=i%>"<%=sel%>><%=i%></option>
			<%Next%></select></td>
		</tr>
		<tr>
			<td>Técnico al que desea asignar :</td>
			<td>
			<select id="Tecnico" name="Tecnico" class="ui-widget-content ui-corner-all required" style="width: 200px; height: 20px" title="Seleccione un Tecnico">
				<option value="">Seleccione un tecnico...</option>
					<%do while not Tec_Str.eof%>
				<option value="<%=Tec_Str("id_tecnico")%>"><%=Tec_Str("apellidos_tecnico")+" "+Tec_Str("nombre_tecnico")+" "+Tec_Str("codigo_tecnico")%></option>
					<%Tec_Str.movenext%><%loop%></select></td>
		</tr>
	</table>
		<br>
		<div id="mensaje1">
		<h3 style="text-align:center">Hay errores en el formulario</h3>
		<table class="aligncentertable center" style="width:275px">
		</table>
	</div>
		
		<br>
	<table class="aligncentertable" style="width: 620px">
		<tr>
			<th style="height: 24px"> <div class="center" style="width: 50px">Línea</div></th>
			<th style="height: 24px"> <div class="center" style="width: 155px">Central</div></th>
			<th style="height: 24px"> <div class="center" style="width: 80px">Teléfono</div></th>
			<th style="height: 24px"> <div class="center" style="width: 155px">Movimiento</div></th>
			<th style="height: 24px"> <div class="center" style="width: 130px">Cita</div></th>
			<th style="height: 24px"> <div class="center" style="width: 50px">Venta</div></th>
		</tr>
		<%
			line = Request.QueryString("line")
			IF line = "" Then
				line = 1
			End IF
			For i = 1 To line
		%>
		<tr>
    <td><%=i%><input type=hidden name="caic" value="<%=rs("caic_usuario")%>"></td>
    <td>
	<select id="central" name="central<%=i%>" style="width: 150px; height: 25px;" title="Seleccione una Central Telefonica" class="ui-widget-content ui-corner-all required">
	    <option value="">Seleccione la central...</option>
    	<%Cnt_Str.movefirst%>
    	<%do while not Cnt_Str.eof%>
    		<option value="<%=Cnt_Str("id_central")%>"><%=Cnt_Str("id_central")+" "+Cnt_Str("nombre_central")%></option>
    	<%Cnt_Str.movenext%><%loop%>
    	</select></td>
    <td>
	<input id="telefono" type="text" name="telefono<%=i%>"  style="width: 75px; height: 25px;" class="ui-widget-content ui-corner-all required number" minlength="8" maxlength="8" title="Digite un número de telefono valido"></td>
    <td>
	<select id="movimiento" name="movimiento<%=i%>" style="width: 150px; height: 25px;" class="ui-widget-content ui-corner-all required" title="Seleccione un movimiento">
	    <option value="">Seleccione el movimiento...</option>
    	<%Mvm_Str.movefirst%>
    	<%do while not Mvm_Str.eof%>
    		<option value="<%=Mvm_Str("id_movieminto")%>"><%=Mvm_Str("descripcion_movimiento")+" ("+Mvm_Str("codigo_movimiento")+")"%></option>
    	<%Mvm_Str.movenext%><%loop%>
    	</select></td>
    <td>
	<input type="text" name="cita<%=i%>" style="width: 125px; height: 25px;" id="cita" class="ui-widget-content ui-corner-all datetime" title="Formato de hecha/hora de cita no es correcto"></td>
    <td><input name="venta<%=i%>" type="checkbox" class="ui-widget-content ui-corner-all"></td>
  </tr>
  <%
  Next
  %>
  </table>
  <input type="hidden" name="hdnLine" value="<%=i-1%>">
  <br>
  <input type="submit" name="submit" value="Asignar <%=i-1%> OST">
</form>
</div>

</body>

</html>