Skip to main content
Recompensa finalizada con 50 de reputación otorgada por bypabloc_
se eliminó 1 carácter en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92
let fecha  = '2018-12-07 22:56:48'; //sin zona definida
let fecha2 = '2018-12-07 22:56:48+01:00'; //con mi zona
let fecha3 = '2018-12-07 22:56:48Z'; //con zona 00
let momento = moment(fecha);
let momento2 = moment(fecha2);
let momento3 = moment(fecha3);

//al no definir la zona se muestra siempre hora Zulu:

 
//asume mi zona del SO, le resta 1 hora
//En tu caso esta ejecución debería restarsumar 5 horas
console.log('sin formato', momento);

//especificamos que la zona es +1, le resta 1 hora para mostar la hora Zulú
console.log('sin formato', momento2);

//Explícitamente es Zulú, no tiene que sumar o restar
console.log('sin formato', momento3);

const formato='DD [de] MMM [del] YYYY [a las] hh:mm:ss A';

//Al usar un formato, se usa la hora local
console.log('con formato', momento.format(formato));
console.log('con formato', momento2.format(formato));
console.log('con formato', momento3.format(formato)); //Se le suma una hora a la Zulu

//formato, pero pidiendo utc:
console.log('con formato en UTC (+00)', momento.utc().format(formato));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone-with-data.min.js"></script>

Estás comentiendocometiendo un error de concepto:

let fecha  = '2018-12-07 22:56:48'; //sin zona definida
let fecha2 = '2018-12-07 22:56:48+01:00'; //con mi zona
let fecha3 = '2018-12-07 22:56:48Z'; //con zona 00
let momento = moment(fecha);
let momento2 = moment(fecha2);
let momento3 = moment(fecha3);

//al no definir la zona se muestra siempre hora Zulu:

 
//asume mi zona del SO, le resta 1 hora
//En tu caso esta ejecución debería restar 5 horas
console.log('sin formato', momento);

//especificamos que la zona es +1, le resta 1 hora para mostar la hora Zulú
console.log('sin formato', momento2);

//Explícitamente es Zulú, no tiene que sumar o restar
console.log('sin formato', momento3);

const formato='DD [de] MMM [del] YYYY [a las] hh:mm:ss A';

//Al usar un formato, se usa la hora local
console.log('con formato', momento.format(formato));
console.log('con formato', momento2.format(formato));
console.log('con formato', momento3.format(formato)); //Se le suma una hora a la Zulu

//formato, pero pidiendo utc:
console.log('con formato en UTC (+00)', momento.utc().format(formato));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone-with-data.min.js"></script>

Estás comentiendo un error de concepto:

let fecha  = '2018-12-07 22:56:48'; //sin zona definida
let fecha2 = '2018-12-07 22:56:48+01:00'; //con mi zona
let fecha3 = '2018-12-07 22:56:48Z'; //con zona 00
let momento = moment(fecha);
let momento2 = moment(fecha2);
let momento3 = moment(fecha3);

//al no definir la zona se muestra siempre hora Zulu:

 
//asume mi zona del SO, le resta 1 hora
//En tu caso esta ejecución debería sumar 5 horas
console.log('sin formato', momento);

//especificamos que la zona es +1, le resta 1 hora para mostar la hora Zulú
console.log('sin formato', momento2);

//Explícitamente es Zulú, no tiene que sumar o restar
console.log('sin formato', momento3);

const formato='DD [de] MMM [del] YYYY [a las] hh:mm:ss A';

//Al usar un formato, se usa la hora local
console.log('con formato', momento.format(formato));
console.log('con formato', momento2.format(formato));
console.log('con formato', momento3.format(formato)); //Se le suma una hora a la Zulu

//formato, pero pidiendo utc:
console.log('con formato en UTC (+00)', momento.utc().format(formato));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone-with-data.min.js"></script>

Estás cometiendo un error de concepto:

Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

Vamos primero a entender cómo funcionan las fechas con moment.js, analizando ejemplos, pero primero:

moment.locale('es');

Esto sólo afecta al idioma, es decir, si se va a escribir Dec(ember) o dic(iembre), no a la hora. Por tanto podemos descartarlo como causa de problemas

let fecha = '2018-12-07 22:56:48';

Defines un momento en un formato estándar. ¿Pero, qué momento es? Hagamos unas pruebas para comprobarlo. Yo estoy en GMT+1 (España):

let momento = moment();

console.log('sin formato', momento);
//sin formato "2018-12-14T16:49:56.834Z"

console.log('con formato', momento.format('DD [de] MMM [del] YYYY [a las] hh:mm:ss A'));
//con formato 14 de Dec del 2018 a las 05:49:56 PM

Ya vemos una diferencia: sin formato se usa la hora Zulú (por eso la Z final), mientras que cuando se usa formato, se usa la Zona Local del sistema operativo de mi máquina.

La hora Zulú es la hora UTC, que coincide con GMT+0

Ahora probemos a parsear una fecha:

let fecha  = '2018-12-07 22:56:48'; //sin zona definida
let fecha2 = '2018-12-07 22:56:48+01:00'; //con mi zona
let fecha3 = '2018-12-07 22:56:48Z'; //con zona 00
let momento = moment(fecha);
let momento2 = moment(fecha2);
let momento3 = moment(fecha3);

//al no definir la zona se muestra siempre hora Zulu:

 
//asume mi zona del SO, le resta 1 hora
//En tu caso esta ejecución debería restar 5 horas
console.log('sin formato', momento);

//especificamos que la zona es +1, le resta 1 hora para mostar la hora Zulú
console.log('sin formato', momento2);

//Explícitamente es Zulú, no tiene que sumar o restar
console.log('sin formato', momento3);

const formato='DD [de] MMM [del] YYYY [a las] hh:mm:ss A';

//Al usar un formato, se usa la hora local
console.log('con formato', momento.format(formato));
console.log('con formato', momento2.format(formato));
console.log('con formato', momento3.format(formato)); //Se le suma una hora a la Zulu

//formato, pero pidiendo utc:
console.log('con formato en UTC (+00)', momento.utc().format(formato));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone-with-data.min.js"></script>

Por tanto vemos que el problema es que cuando escribes:

let fecha_local = moment(fecha).utc().format('DD [de] MMM [del] YYYY [a las] hh:mm:ss A');
console.log('Conversión: ', fecha_local);

Estás comentiendo un error de concepto:

 moment(fecha) //parseas una hora local (-5)
  .utc() //pides que te la traslade a UTC (le suma 5 horas)
  .format('DD [de] MMM [del] YYYY [a las] hh:mm:ss A'); // y la muestras