Ver Mensaje Individual
  #5 (permalink)  
Antiguo 14/01/2011, 14:57
Avatar de Carxl
Carxl
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Bogotá
Mensajes: 2.993
Antigüedad: 18 años, 3 meses
Puntos: 70
Respuesta: Jquery UI DatePicker, colorear fechas en el calendario

Hola , perdón por la demora.

Masterpuppet, gracias por la ayuda.

Esto es lo que hice:
Código Javascript:
Ver original
  1. <script>
  2.     $(function() {
  3.         var events = ['15-1-2011', '16-1-2011', '17-1-2011', '18-1-2011'];
  4.    
  5.         $( "#datepicker" ).datepicker({
  6.             showWeek: true,
  7.             firstDay: 1,
  8.             beforeShowDay: function(date) {
  9.                 var current  = date.getDate() + '-' + (date.getMonth() + 1) + '-' + date.getFullYear();
  10.                 return jQuery.inArray(current, events) == -1
  11.                 ? [true, '']
  12.                 : [true, 'css-class-to-highlight', 'tool-tip-text'];
  13.             }
  14.         });
  15.        
  16.         /*$(".ui-datepicker-calendar td:contains('13')").addClass('ui-state-hover');
  17.         $(".ui-datepicker-calendar td:contains('25')").addClass('ui-state-hover');
  18.         $(".ui-datepicker-calendar td:contains('02')").addClass('ui-state-hover');*/
  19.     });
  20.     </script>


Código HTML:
Ver original
  1. <div id="datepicker"></div>

La verdad no sé por qué no cambia los colores de esas fechas. Sintácticamente está bien.

Dany_S, si no estoy mal, eso me pemite darle formato a la fecha si la voy a mostrar en un input (por decir algo), pero no me permite pasarle fechas para que las "coloree". Gracias

También intenté esto:

Código Javascript:
Ver original
  1. $(".ui-datepicker-calendar td:contains('3')").addClass('ui-state-hover')

Pero le problema con eso, es que me colorea todas las fechas que contengan 3

Saludos
__________________
Hay 10 tipos de personas, los que entienden binario y los que no. (Anónimo)
www.programandoweb.com

Última edición por Carxl; 14/01/2011 a las 15:05