Calendario seleccion multiple JQuery

utopiko · #1 (**permalink**) 05/09/2011, 05:03

Buenos dias, querria saber si existe un calendario en el cual puedas seleccionar varias fechas, bien pulsando el control bien pinchando y que se queden seleccionados.

Algo parecido a esto:
http://stephencelis.github.com/timef...le_information

Pero que no tuviesen que ser rangos uniformes es decir, que se pudiese seleccionar o deseleccionar con el control dias especificos.(este efecto mas o menos: http://webcache.googleusercontent.co...&ct=clnk&gl=es)

Saludos!!

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.

utopiko · #3 (**permalink**) 29/09/2011, 02:00

Utilice el de Dynarch y es una maravilla....

http://www.dynarch.com/

chichote · #4 (**permalink**) 29/09/2011, 05:48

Cita:

Iniciado por utopiko

Utilice el de Dynarch y es una maravilla....

http://www.dynarch.com/

Esta bonito e Dynarch, pero me quedo con DatePicker de JqueryUI, es mas completo.

Saludos.