Tema: Ayuda por fis Añadir campos + calendarios
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 07/01/2011, 08:16
4ng3r
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: Ayuda por fis Añadir campos + calendarios
Haber ... mire este codigo que se me ocurrio en un momentico ...

Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3.   <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5.     <link rel="stylesheet" href="UI/css/ui-lightness/jquery-ui-1.8.6.custom.css" type="text/css">
  6.     <script src="jquery.js"></script>
  7.     <script src="UI/js/jquery-ui-1.8.6.custom.min.js"></script>
  8.     <script>
  9.       $(function(){
  10.          $('input[name="fecha"]').datepicker({
  11.             showOn: 'both', //Parametro para que se vea el icono del calendario
  12.             buttonImageOnly: true, //Indicamos si queremos que solo se vea el icono y no el botón
  13.             buttonImage: 'calendar.gif', //Indicamos el icono del botón
  14.             firstDay: 1, //El primer día será el 1
  15.             changeMonth: true, //Si se pueden cambiar los meses
  16.             changeYear: true //Si se pueden cambiar los años
  17.          });
  18.          $("#op1").click(function(){
  19.             $("#tablaFechas").append("<tr><td><input type='text' name='fecha'></td></tr>");
  20.             $('input[name="fecha"]').datepicker({
  21.               showOn: 'both', //Parametro para que se vea el icono del calendario
  22.               buttonImageOnly: true, //Indicamos si queremos que solo se vea el icono y no el botón
  23.               buttonImage: 'calendar.gif', //Indicamos el icono del botón
  24.               firstDay: 1, //El primer día será el 1
  25.               changeMonth: true, //Si se pueden cambiar los meses
  26.               changeYear: true //Si se pueden cambiar los años
  27.             });
  28.          });
  29.       })
  30.     </script>
  31.         
  32.   </head>
  33.  
  34.   <body>
  35.     <table id="tablaFechas" width="500">
  36.       <tr>
  37.         <td><input type="text" name="fecha"></td>
  38.       </tr>
  39.       
  40.       <tfoot>
  41.         <td><a href="javascript:void(0)" id="op1">Agregar Fecha</a></td>
  42.       </tfoot>
  43.     </table>
  44.     
  45.   </body>
  46.  
  47. </html>

recuerde: cambie las rutas del css y de los js .... esto fue lo primero que se ocurrio tal vez haya un forma mas optima tal vez le de una idea de lo que pienso ... espero que sea de ayuda