Foros del Web - Ver Mensaje Individual

Naahuel · #2 (**permalink**) 05/09/2011, 07:08

Yo usaría Datepicker de jQueryUI:
http://jqueryui.com/demos/datepicker

Ejemplo:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<script>
  $(function(){
    $('input').datepicker();//asignar calendario a ambos inputs
    
    $('#fecha_inicio').datepicker('option','onClose', function(dateText, inst) {
      //al cerrar el calendario de inicio, establecer como fecha minima la seleccionada al input de fecha final
      $('#fecha_fin').datepicker( "option", "minDate", dateText);
    });
  });
</script>
</head>
<body>
  <p>Fecha inicial</p>
  <input id="fecha_inicio" type="text" />
  <p>Fecha final</p>
  <input id="fecha_fin" type="text" />
</body>
</html>

Acá está funcionando: http://jsbin.com/ewisuj

Observá que en el inicio podés seleccionar la fecha que quieras. Al seleccionarla, la fecha mínima del segundo input se limita a la fecha que seleccionaste en el primero.

¿Se entiende? Un saludo.