Foros del Web » Programando para Internet » Javascript »

Como puedo señalar el dia de hoy en el calendario

Estas en el tema de Como puedo señalar el dia de hoy en el calendario en el foro de Javascript en Foros del Web. Hola, querria saber como puedo marcar el dia en el que estamos en mi calendario, aqui os dejo el codigo del calendariopor si podeis ayudarme ...
  #1 (permalink)  
Antiguo 23/12/2011, 04:05
 
Fecha de Ingreso: diciembre-2011
Mensajes: 13
Antigüedad: 12 años, 4 meses
Puntos: 0
Pregunta Como puedo señalar el dia de hoy en el calendario

Hola, querria saber como puedo marcar el dia en el que estamos en mi calendario, aqui os dejo el codigo del calendariopor si podeis ayudarme os lo dejo con comentarios para que sepas cual es cada cosa:

Código Javascript:
Ver original
  1. // Variables globales
  2. var meses = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre");
  3. var hoy = new Date();
  4.  
  5. /*******************************************************************************/
  6. /* Funcion que genera el calendario de un mes y año concreto -- Extraido del   */
  7. /* ejercicio 13. Si mes="hoy" y anio="hoy" entonces se genera el calendario    */
  8. /* de el mes en curso                                                          */
  9. /*******************************************************************************/  
  10.     function generaCalendario(mes,anio) {
  11.         //Definición de arrays con meses y días de la semana       
  12.         var dias = new Array("L", "M", "X", "J", "V", "S", "D");
  13.  
  14.         //Si los parametros mes y anio vienen con el valor "hoy" obtenemos el mes y el año de hoy (declarada globalmente)
  15.         if (mes == "hoy" && anio == "hoy") {           
  16.             mes = hoy.getMonth();
  17.             anio = hoy.getFullYear();
  18.         }      
  19.         //Obtenemos la fecha actual en base al año, mes y el primer día del mes
  20.         var fechaDeHoy = new Date(anio,mes,1); 
  21.         inicio=fechaDeHoy.getDay();  //Obtenemos el dia de la semana del primero de mes
  22.        
  23.         //Obtenemos el numero de dias en funcion del mes    
  24.         if (mes==0 || mes==2 || mes==4 || mes==6 || mes==7 || mes==9 || mes==11) {
  25.             numDias=31;
  26.         } else if (mes==1) { //febrero
  27.             //comprobamos si es bisiesto
  28.             if ( (anio % 4 == 0) && ((anio % 100 != 0) || (anio % 400 == 0)) ) {
  29.                 numDias=29;
  30.             } else {
  31.                 numDias=28;
  32.             }
  33.         } else numDias=30;
  34.        
  35.        
  36.         //Generación del calendario en una variable output que devolveremos con return
  37.         output = "<div id='base'>";
  38.         output = output + "<div id='cabecera_calendario'>";
  39.         output = output + "<div class=\"navegador\"><button class='cambio' title=\"mes anterior\" onClick=\"cambia("+(mes-1)+","+anio+");return false;\">&lt;</button></div>";
  40.         output = output + "<div colspan=\"5\" class=\"cabeceraMes\">"+meses[mes]+" "+anio+"</div>";
  41.         output = output + "<div class='navegador' id='dr'><button class='cambio' title=\"mes siguiente\" onClick=\"cambia("+(mes+1)+","+anio+");return false;\">&gt;</a></div>";
  42.         output = output + "</div>";
  43.        
  44.         //Generación de la primera fila con los días de la semana L-D
  45.         output = output + "<div>";
  46.         for (var d=0;d<dias.length;d++) {      
  47.             output = output + "<div class='cabeceraDia'>"+dias[d]+"</div>";
  48.         }
  49.         output = output + "</div>";
  50.  
  51.         //Si es domingo (0) le ponemos un 7 para que se pinte al final     
  52.         if (inicio==0) {
  53.             inicio=7;
  54.         }
  55.        
  56.         //Con la variable booleana primera diferenciamos la primera semana del resto
  57.         //puesto que no tiene porque empezar en la primera columna
  58.         primera = true;
  59.         for (var i=1;i<=numDias;i++) {
  60.             output = output + "<div id='dias'>";
  61.             for (var j=1;j<=7;j++) {
  62.                 //Primera semana
  63.                 if (primera) {
  64.                     //Si es sábado o domingo ponemos una clase especial al td
  65.                     output = output + "<div";
  66.                     if (j==6 || j==7) {
  67.                         output = output + " class=\"festivo\" ";
  68.                     }              
  69.                     output = output + ">";
  70.                     //No pintamos el número hasta que comienza el mes con la variable inicio
  71.                     if (j>=inicio) {
  72.                         output = output + i++;
  73.                     }
  74.                     output = output + "</div>";            
  75.                 } else {
  76.                 //Resto de semanas
  77.                     //Si es sábado o domingo ponemos una clase especial al td
  78.                     output = output + "<div";
  79.                     if (j==6 || j==7) {
  80.                         output = output + " class=\"festivo\" ";
  81.                     }              
  82.                     output = output + ">";
  83.                     //Solo pintamos los números que son menores del último día del mes
  84.                     if (i<=numDias) {
  85.                         output = output + i++;
  86.                     }
  87.                     output = output + "</div>";
  88.                 }          
  89.             }
  90.             primera=false;
  91.             //Decrementamos el contador de días para corregir la pérdida de un día al final de la semana
  92.             i--;
  93.             output = output + "</div>";
  94.         }
  95.         output = output + "</div>";
  96.         return output;
  97.     }

Gracias por adelanto. Espero vuestras tempranas respuestas.

Última edición por jorgini10; 23/12/2011 a las 06:53
  #2 (permalink)  
Antiguo 25/12/2011, 23:42
Avatar de Pablo Ayala  
Fecha de Ingreso: septiembre-2005
Ubicación: Cancún, México
Mensajes: 231
Antigüedad: 18 años, 7 meses
Puntos: 28
Respuesta: Como puedo señalar el dia de hoy en el calendario

Hola! hice algo parecido pero con PHP y un poquito de jquery....
Con php puedo obtener el dia de hoy, asi que en cuanto va pintando los dias.... solo tiene que hacer una comparacion entre el dia de hoy y lo que esta pintando...

Por ejemplo si hoy es 25 y pinto "25" en el calendario le pongo una clase en particular class="hoy"

En java supongo que puedes hacer algo para obtener solo el día en curso y hacer tambien la comparacion.

Saludos
__________________
Atentamente,

Pablo Ayala.
Si vas a responder algo en el foro que sea con amabilidad.
  #3 (permalink)  
Antiguo 27/12/2011, 04:04
 
Fecha de Ingreso: diciembre-2011
Mensajes: 13
Antigüedad: 12 años, 4 meses
Puntos: 0
Respuesta: Como puedo señalar el dia de hoy en el calendario

muchas gracias intentere hacerlo asi aunque ya lo aya intentado

Etiquetas: calendario, dia, funcion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:29.