Datepicker :Seleccionar dos calendarios

tonysv2010 · #1 (**permalink**) 18/12/2012, 14:09

Mi duda es la siguiente no logro tener dos input al mismo tiempo al dar click en el primer campo si se me muestra el calendario pero en el segundo no se muestra solamente queda seleccionado el campo y se queda parpadeando el cursor, alguna forma para poder tener los dos al mismo tiempo

Código HTML:

<!doctype html>
 
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Datepicker - Default functionality</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
    $(function() {
        $( "#datepicker" ).datepicker();
    });
    </script>
</head>
<body>
 

 
<form name="form1" method="post" action="fechas.php">
  <p>
    <label for="codigo">codigo</label>
    <input type="text" name="codigo" id="codigo">
  </p>
  <p>Fecha de entrada
    <input type="text" name="fecha1" id="datepicker" />
  </p>
  <br>
    <p>Fecha de salida
      <input type="text" name="fecha2" id="datepicker" />
  </p>
  <br>
  <p>
    <input type="submit" name="dias" id="dias" value="Enviar">
  </p>
</form>

gebremswar · #2 (**permalink**) 18/12/2012, 16:56

Hola tonysv2010, que tal.

Los id en HTML deben ser únicos y no pueden repetirse.

BloodShadow · #3 (**permalink**) 18/12/2012, 17:41

Te sugiero que le dejes el id para los respectivos estilos que usa el datepicker. Pero para usar el calendario en inputs e incluso dejarlo como global basta con una simple clasesilla :)

Código Javascript:

Ver original$(function() {
        $( ".calendar" ).datepicker();
    });

Con esto a cualquier input que le coloques la clase calendar, ya contaras con el calendario, independientemente tengas un millon de inputs en la misma pantalla =D

tonysv2010 · #4 (**permalink**) 19/12/2012, 06:59

gracias me funciono

tonysv2010 · #5 (**permalink**) 19/12/2012, 07:19

Cita:

Iniciado por BloodShadow

Te sugiero que le dejes el id para los respectivos estilos que usa el datepicker. Pero para usar el calendario en inputs e incluso dejarlo como global basta con una simple clasesilla :)

Código Javascript:

Ver original$(function() {
        $( ".calendar" ).datepicker();
    });

Con esto a cualquier input que le coloques la clase calendar, ya contaras con el calendario, independientemente tengas un millon de inputs en la misma pantalla =D

lo hice asi como dices y me funciono pero solamente use el datepicker como clase

Código PHP:

  $( ".datepicker" ).datepicker();

 
<p>Fecha de entrada

<input type="text" name="fecha1" class="datepicker" />

</p>

<br>

<p>Fecha de salida

<input type="text" name="fecha2" class="datepicker" />