JSON Scraping - Convierta el tiempo militar a la hora estándar a través de Javascript

Question

Estoy recortando datos JSON de una url. La hora es hora militar y me preguntaba si hay una forma en que recupere en el lado del cliente para convertirla a la hora estándar.

Aquí es el JSON:

[ 
    { 
    SaturdayClose: "21:00", 
    SaturdayOpen: "10:00", 
    SundayClose: "12:00", 
    SundayOpen: "18:00", 
    WeekdayClose: "21:00", 
    WeekdayOpen: "10:00" 
    } 
] 

Aquí es mi index.html:

<p> 
     Sun: ${ SundayOpen }a - ${ SundayClose }p Mon - Sat: ${ SaturdayOpen }a ${ SaturdayClose }p 
    </p> 

Esto devuelve este tipo de fealdad:

sol: 18: 00a - 12: 00p Lun - Sáb: 10: 00a 21: 00p

Preferiría devolver esto:

Dom: 6: 00a - 12: p Lun - Sáb .: 10: 00a - 9: 00p

Answer 1

Echa un vistazo a date.js. Está lleno de funciones de conversión de fecha útiles.

Answer 2

DEMO

window.onload=function() { 

    var re=/(\d{2}:\d{2}[ap])/gi 
    var times = document.getElementById('times').innerHTML; 
    var mil = times.match(re); 
    for (var i=0;i<mil.length;i++) { 
    var parts = mil[i].split(":"); 
    var hours = parseInt(parts[0],10); 
    if (hours > 12) parts[0]=hours-=12; 
    else if (hours==0) parts[0]=12 
    times=times.replace(mil[i],parts.join(":")) 
    } 
    document.getElementById('times').innerHTML = times; 
} 

Answer 3

El uso de un script fecha trabajará por supuesto. Si todo lo que necesita es convertir de 24 hour clock a 12 horas, simplemente puede restar la hora y agregar el período como se indica.

EDITAR

I añadió dos veces como una prueba, 00:30, que debe ser 12:30 am, y 12:15, que debe ser 12:15 pm. Vea la nueva edición a continuación.

var times = { 
    SaturdayClose: "21:00", 
    SaturdayOpen: "10:00", 
    SundayClose: "12:00", 
    SundayOpen: "18:00", 
    WeekdayOpen: "10:00", 
    WeekdayClose: "21:00", 
    WeekendOpen: "12:15", 
    WeekendClose: "00:30" 
}; 

console.log(times); 

for (var time in times) { 
    var parts = times[time].split(':'), 
     hour = parts[0], 
     minutes = parts[1]; 

    if (hour > 12) { 
     times[time] = (hour - 12) + ':' + minutes + ' pm'; 
    } else if (hour == 0) { 
     times[time] = 12 + ':' + minutes + ' am'; 
    } else if (hour == 12) { 
     times[time] += ' pm'; 
    } else { 
     times[time] += ' am'; 
    } 
} 

console.log(times); 

http://jsfiddle.net/tqXCL/3/

que le da el siguiente después de la conversión:

SaturdayClose "9:00 pm" 
SaturdayOpen "10:00 am"  
SundayClose "12:00 pm"  
SundayOpen "6:00 pm" 
WeekdayClose "9:00 pm" 
WeekdayOpen "10:00 am"  
WeekendClose "12:30 am"  
WeekendOpen "12:15 pm" 

Answer 4

"tiempo militar" (también conocido como 24 horas de tiempo) se convierte fácilmente en el tiempo de 12 horas a través de un simple módulo 12.

JSFiddle example:

var obj = { 
    SaturdayClose: "21:00", 
    SaturdayOpen: "10:00", 
    SundayClose: "12:00", 
    SundayOpen: "18:00", 
    WeekdayClose: "21:00", 
    WeekdayOpen: "10:00" 
}, prop, $output = $('#output'), time, x, meridiem; 

for (prop in obj) { 
    if (obj.hasOwnProperty(prop)) { 
     x =+obj[prop].substr(0, 2); 

     if (x > 12) { 
      x = x % 12; 
      meridiem = "pm"; 
     } else { 
      meridiem = "am"; 
     } 

     time = x + ":00" + meridiem; 

     $output.append("<li>" + prop + " " + time + "</li>"); 
    } 
} 

Answer 5

Si desea utilizar el html, no el json, puede hacerlo.

dateEl.innerHTML=dateEl.innerHTML.replace(/(\d\d)(:\d\d[ap])/g,function(m,hour,suffix) { 
    return (+hour+11)%12+1+suffix; 
}); 

Tenga en cuenta que esto supone que haya establecido dateEl al elemento apropiado, y que ese elemento no contiene otras ocasiones que no desea convertir.