Calendario semanal

#1 (**permalink**) 30/04/2012, 08:22

Hola chicos, estoy buscando algo que tal vez exista y no tenga que romperme la cabeza haciendolo de cero.

Necesito un calendario (preferentemente en Javascript), pero no del estilo timepicker como todos los que he visto.

Mi idea es que sea una tabla que muestre a la izquierda valores de horas y arriba los dias de la semana, de lunes a viernes. Algo asi (esta es la que hice yo):

Código HTML:

<table align='center' border='1'>
  <tr class="dias" bgcolor='#CCCCCC'>
    <td></td>
    <td width='50'>Lun <b class="numdia">01</b></td>
    <td width='50'>Mar <b class="numdia">02</b></td>
    <td width='50'>Mie <b class="numdia">03</b></td>
    <td width='50'>Jue <b class="numdia">04</b></td>
    <td width='50'>Vie <b class="numdia">05</b></td>
  </tr>
  <tr id="09" class="numhora">
    <td width='50' bgcolor='#CCCCCC'>09:00</td>
    <td class="00" ></td>
    <td class="01"></td>
    <td class="02"></td>
    <td class="03"></td>
    <td class="04"></td>
  </tr>
  <tr id="10" class="numhora">
    <td width='50' bgcolor='#CCCCCC'>10:00</td>
    <td class="10"></td>
    <td class="11"></td>
    <td class="12"></td>
    <td class="13"></td>
    <td class="14"></td>
  </tr>
  <tr class="numhora" id="11">
    <td width='50' bgcolor='#CCCCCC'>11:00</td>
    <td class="20"></td>
    <td class="21"></td>
    <td class="22"></td>
    <td class="23"></td>
    <td class="24"></td>
  </tr>
  <tr class="numhora" id="12">
    <td width='50' bgcolor='#CCCCCC'>12:00</td>
    <td class="30"></td>
    <td class="31"></td>
    <td class="32"></td>
    <td class="33"></td>
    <td class="34"></td>
  </tr>
  <tr class="numhora" id="13">
    <td width='50' bgcolor='#CCCCCC'>13:00</td>
    <td class="40"></td>
    <td class="41"></td>
    <td class="42"></td>
    <td class="43"></td>
    <td class="44"></td>
  </tr>
  <tr  class="numhora" id="14">
    <td width='50' bgcolor='#CCCCCC'>14:00</td>
    <td class="50"></td>
    <td class="51"></td>
    <td class="52"></td>
    <td class="53"></td>
    <td class="54"></td>
  </tr>
  <tr class="numhora" id="15">
    <td width='50' bgcolor='#CCCCCC'>15:00</td>
    <td class="60"></td>
    <td class="61"></td>
    <td class="62"></td>
    <td class="63"></td>
    <td class="64"></td>
  </tr>
  <tr class="numhora" id="16">
    <td width='50' bgcolor='#CCCCCC'>16:00</td>
    <td class="70"></td>
    <td class="71"></td>
    <td class="72"></td>
    <td class="73"></td>
    <td class="74"></td>
  </tr>
</table>

Supongo que se dan una idea de lo que quiero decir.

La columna de las horas es muy simple, ya que las debere agregar a mano y seran siempre las mismas, y si cambian sera manualmente.

Pero los dias es mi problema. Necesito solamente que se vea de lunes a viernes, un calendario actual con los dias actuales correspondientes. Como mucho que puedas visualizar la semana siguiente (es un sistema de reservas de hora), pero no mas. Les confieso que estuvo todo genial hasta que me encontre con que tiene que pasar automaticamente de un mes a otro. Ahi es cuando me pierdo y recurro a ustedes. Toda idea (o plugin, jeje) es bienvenida/o.

Gracias como siempre.

Tschuss!!