como paso de timestamp a fecha normal

23r9i0 · #1 (**permalink**) 03/07/2011, 14:54

Hola resulta que estoy creando una seccion de eventos con el google calendar mediante json pero cuando se visualiza el startime me lo muestra con formato 2011-07-16T10:30:00.000+02:00 he conseguido cambiarlo de formato tipo Sat Jul 16 2011 10:30:00 GMT+0200 (Hora de verano romance) usando new Date() y con var start = item['gd$when'][0].startTime.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/,'$3-$2-$1'); me lo muestra asi 16-07-2011 en un principio esta ultima es la correcta pero necesito que el mes me lo muestre en formato texto es decir 16-jul-2011 y es aqui donde me pierdo. Conoceis alguna forma de hacer que se muestre asi.
Gracias!!

buzu · #2 (**permalink**) 03/07/2011, 16:28

Tienes varias opciones. Por ejemplo, para no complidarte demaciado, haz lo siguiente:

Performa un split en tu fecha usando como separador el guíon "-"
Toma el segundo elemento del array que resulta del split.
Haz un chequéo para ver que mes es.
De acuerdo al mes, contruye tu nueva fecha.

En pseudo-código sería así:

fecha = fecha.split("-");
var mes = fecha[1];
if(mes == 01){
mes = "Enero"
}
//El resto de los chqueos aquí.
var nuevaFecha = fecha[0] + "-" + mes + "-" + fecha[2];

Ese código puede no funcionar correctamente, por eso es que lo llamé pseudo-código. Ajústalo conforme sea necesario.

_cronos2 · #3 (**permalink**) 03/07/2011, 16:31

Vamos a ver:

Código Javascript:

Ver originalstrFecha.replace(RegExpFecha, function(anio, mes, dia){
 var meses = ['ene', 'feb', 'mar', 'may']; // ...
 return dia + '-' + meses[parseInt(mes) - 1] + '-' + anio;
});

Saludos (:

23r9i0 · #4 (**permalink**) 03/07/2011, 16:47

Gracias a los dos pero tengo una duda ya que en el codigo de _cronos2 no se ahora mismo como aplicarlo, sino es molestia me lo podriais extender.
Este es mi codigo completo:

Código Javascript:

Ver originalfunction getEvent(){
     $.getJSON('http://www.google.com/calendar/feeds/[email protected]/public/full?alt=json-in-script&callback=?&orderby=starttime&max-results=15&singleevents=true&futureevents=true', function(data) { 
        $.each(data.feed.entry, function(i, item) {
        var title = item['title']['$t'];
        var content = item['content']['$t'];
        var start = item['gd$when'][0].startTime.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/,'$1-$2-$3'); 
        $('#event').append('<li class="event">'+start+'<div class="title-event">'+title+'</div><div class="content-event">'+content+'</div></li>');
        });
    });
 }
$(document).ready(function() {
    getEvent();
});

_cronos2 · #5 (**permalink**) 03/07/2011, 17:08

Tienes que cambiar '$1-$2-$3' por la función que uso yo.
Saludos (:

23r9i0 · #6 (**permalink**) 03/07/2011, 18:10

Disculpame o estoy dormido o es el calor pero no lo entiendo.

_cronos2 · #7 (**permalink**) 04/07/2011, 05:17

En la segunda parte del replace, tú usas un string '$1-$2-$3'. ¿Hasta ahí bien no? Bueno, pues ese string tienes que reemplazarlo por la función que uso yo en la 2ª parte del replace [en el ejemplo que te puse antes].
Saludos (:

23r9i0 · #8 (**permalink**) 04/07/2011, 06:54

Perdoname, o no lo hago bien o pasa alguna cosa, aqui te pongo como lo hago:

Código Javascript:

Ver originalvar start = item['gd$when'][0].startTime.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, function(anio, mes, dia){
 var meses = ['ene', 'feb', 'mar', 'may']; // ...
 return dia + '-' + meses[parseInt(mes) - 1] + '-' + anio;
});

y el resultado en la web es:
07-undefined-2011-07-10T02:30:00.000+02:00

Gracias por tu ayuda!!

_cronos2 · #9 (**permalink**) 04/07/2011, 07:00

Pensé que te ibas a dar cuenta

Si te fijas, meses es el array donde están las abreviaturas de los nombres de los meses, pero sólo llega hasta mayo (ups, me doy cuenta ahora de que me salté abril

).
Después de la declaración, hay unos puntos suspensivos, para que siguieras poniendo tú los meses que faltaban (jun, jul, etc.).
Saludos (:

23r9i0 · #10 (**permalink**) 04/07/2011, 07:35

Cita:

Iniciado por _cronos2

Pensé que te ibas a dar cuenta

Si te fijas, meses es el array donde están las abreviaturas de los nombres de los meses, pero sólo llega hasta mayo (ups, me doy cuenta ahora de que me salté abril

).
Después de la declaración, hay unos puntos suspensivos, para que siguieras poniendo tú los meses que faltaban (jun, jul, etc.).
Saludos (:

Código Javascript:

Ver originalvar start = item['gd$when'][0].startTime.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, function(anio, mes, dia){
        var meses = ['ene', 'feb', 'mar', 'abr', 'may', 'jun', 'jul', 'ago', 'sep', 'oct', 'nov', 'dic'];
        return dia + '-' + meses[parseInt(mes) - 1] + '-' + anio;
        });

perdon yo tambien me equivoque este es el codigo original que intento usar.

y este es el resultado.

07-undefined-2011-07-16T10:30:00.000+02:00

_cronos2 · #11 (**permalink**) 04/07/2011, 07:46

¿Y cuál es el string sobre el que se está ejecutando el replace?

23r9i0 · #12 (**permalink**) 04/07/2011, 07:59

Código Javascript:

Ver originalfunction getEvent(){
     $.getJSON('http://www.google.com/calendar/feeds/[email protected]/public/full?alt=json-in-script&callback=?&orderby=starttime&max-results=15&singleevents=true&futureevents=true', function(data) { 
        $.each(data.feed.entry, function(i, item) {
        var title = item['title']['$t'];
        var content = item['content']['$t'];
        var start = item['gd$when'][0].startTime.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/,    function(anio, mes, dia){
        var meses = ['ene', 'feb', 'mar', 'abr', 'may', 'jun', 'jul', 'ago', 'sep', 'oct', 'nov', 'dic'];
        return dia + '-' + meses[parseInt(mes) - 1] + '-' + anio;
        });
        $('#event').append('<li class="event">'+start+'<div class="title-event">'+title+'</div><div class="content-event">'+content+'</div></li>');
        });
    });
 }
$(document).ready(function() {
    getEvent();
});

Este es el codigo completo para mostrar los eventos y si a cual es el string antes era el $3-$2-$1 y al decirme que lo cambie por tu funcion pense que ya estaba.
y el resultado es este:
07-undefined-2011-07-16T10:30:00.000+02:00
y deberia ser 07-jul-2011
Por favor me podrias poner el codigo que tu harias y asi verlo mas claro, gracias y disculpa las molestias estoy empezando a estudiar javascript y estoy muy verde.

_cronos2 · #13 (**permalink**) 04/07/2011, 08:13

Cita:

Iniciado por _cronos2

¿Y cuál es el string sobre el que se está ejecutando el replace?

O sea, ¿qué devuelve

Código:

item['gd$when'][0].startTime

?
Necesito saber cómo es el string para saber qué replace usar!
Saludos :D

23r9i0 · #14 (**permalink**) 04/07/2011, 08:23

Hola el item['gd$when'][0].startTime sin modificar nada devuelve 2011-07-16T10:30:00.000+02:00
y uso un each para extraer los datos de un archivo xml que cojo de google calendar.
lo hice mirando este documento.
http://code.google.com/intl/es-ES/apis/gdata/docs/json.html
Espero que sea lo que me preguntas, saludos!!

_cronos2 · #15 (**permalink**) 04/07/2011, 08:49

Como veo que la regexp nos va a traer muchos dolores de cabeza, voy a usar substr y split para acabar antes:

Código Javascript:

Ver originalvar separado = strFecha.substr(0, 10), meses = ['ene', 'feb', 'mar', 'abr', 'may', 'jun', 'jul', 'ago', 'sep', 'oct', 'nov', 'dic'];
return separado[2] + '-' + meses[parseInt(separado[1]) - 1] + '-' + separado[0];

Saludos (:

23r9i0 · #16 (**permalink**) 04/07/2011, 09:01

Hola me podrias poner el codigo completo por favor.

buzu · #17 (**permalink**) 04/07/2011, 10:14

Código Javascript:

Ver originalfunction getEvent(){
         $.getJSON('http://www.google.com/calendar/feeds/[email protected]/public/full?alt=json-in-script&callback=?&orderby=starttime&max-results=15&singleevents=true&futureevents=true', function(data) {
            $.each(data.feed.entry, function(i, item) {
            var title = item['title']['$t'];
            var content = item['content']['$t'];
            var start = item['gd$when'][0].startTime.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/,    function(full, anio, mes, dia){
        var meses = ['ene', 'feb', 'mar', 'abr', 'may', 'jun', 'jul', 'ago', 'sep', 'oct', 'nov', 'dic'];
        return dia + '-' + meses[parseInt(mes) - 1] + '-' + anio;
});
            $('#event').append('<li class="event">'+start+'<div class="title-event">'+title+'</div><div class="content-event">'+content+'</div></li>');
            });
        });
     }
    $(document).ready(function() {
        getEvent();
    });

Parece ser que _cronos2 olvidó que el primer parámetro que recibe la función es el texto completo al que se le aplica el replace.

23r9i0 · #18 (**permalink**) 04/07/2011, 10:21

Gracias a los dos por vuestro tiempo y te agradezco mucho el codigo buzu, funciona de maravillas.

buzu · #19 (**permalink**) 04/07/2011, 12:24

Si bueno, no te acostumbres. Normalmente no doy código. Creo que hace programadores "flojos". Sin embargo, veo que no tienes mucha experiencia.
Como tip, muchas veces sirve hacer un alert o un console.log para ver que parámetros está realmente reciviendo tu función. Y yo te recomendaría que no escribas código que no entiendes.
Se sincero contigo mismo y entiende bien lo que escribes, de otro modo vas a terminar creando aplicaciones con errores, inseguras y que serán una pesadilla para mantener.

23r9i0 · #20 (**permalink**) 04/07/2011, 12:34

Mi problema es que estoy empezando, y hay cosas que se me escapan.

buzu · #21 (**permalink**) 04/07/2011, 12:59

Si, lo sé, todos pasamos por ahí, y te felicito. Sigue tratando, pero cuando hagas código para sitios en producción no sore pases tus propios límites. Cuando estás prácticando, ahí sí métete con todo lo que puedas.