Saltar al contenido

Formato de hora de 24 horas (no AM a PM) para fullCalendar

Esta sección fue analizado por nuestros expertos para garantizar la exactitud de nuestro tutorial.

Solución:

Desea configurar el diseño para el sistema de 24 horas o los eventos.

Si desea agregar a los eventos, ponga como 22:00 ‘fiesta’ y luego agregue timeFormat: ‘H: mm’, a su archivo json.php.

eventDrop: function (event, delta) 
        alert(event.title + ' was moved ' + delta + ' daysn' +
            '(should probably update your database)');
,
timeFormat: 'H:mm',

Si desea cambiar el diseño de su calendario, simplemente vaya a su fullCalendar.js

Buscar:

Configurar valores predeterminados

Y cambie su código como el siguiente.

setDefaults(
    allDaySlot: true,
    allDayText: 'Volledige dag',
    firstHour: 8,
    slotMinutes: 30,
    defaultEventMinutes: 120,
    axisFormat: 'HH:mm',
    timeFormat: 
        agenda: 'H:mm - h:mm'
    ,
    dragOpacity: 
        agenda: .5
    ,
    minTime: 0,
    maxTime: 24
);

Esta opción me funciona ahora en fullCalendar v2:

slotLabelFormat:"HH:mm"

http://fullcalendar.io/docs/agenda/slotLabelFormat/

Si desea cambiar la vista del mes en 24H, busque y cambie en fullcalendar.js esto:

var dateFormatters = 
    s   : function(d)    return d.getSeconds() ,
    ss  : function(d)    return zeroPad(d.getSeconds()) ,
    m   : function(d)    return d.getMinutes() ,
    mm  : function(d)    return zeroPad(d.getMinutes()) ,
    h   : function(d)    return d.getHours() % 24 ,             //modificato : era 12 al posto di 24
    hh  : function(d)    24) ,    //modificato : era 12 al posto di 24
    H   : function(d)    return d.getHours() ,
    HH  : function(d)    return zeroPad(d.getHours()) ,
    d   : function(d)    return d.getDate() ,
    dd  : function(d)    return zeroPad(d.getDate()) ,
    ddd : function(d,o)  return o.dayNamesShort[d.getDay()] ,
    dddd: function(d,o)  return o.dayNames[d.getDay()] ,
    M   : function(d)    return d.getMonth() + 1 ,
    MM  : function(d)    return zeroPad(d.getMonth() + 1) ,
    MMM : function(d,o)  return o.monthNamesShort[d.getMonth()] ,
    MMMM: function(d,o)  return o.monthNames[d.getMonth()] ,
    yy  : function(d)    return (d.getFullYear()+'').substring(2) ,
    yyyy: function(d)    return d.getFullYear() ,
    //t : function(d)    return d.getHours() < 12 ? 'a' : 'p' ,
    //tt    : function(d)    return d.getHours() < 12 ? 'am' : 'pm' ,
    //T : function(d)    return d.getHours() < 12 ? 'A' : 'P' ,
    //TT    : function(d)    return d.getHours() < 12 ? 'AM' : 'PM' ,
    t   : function(d)    return d.getMinutes() == 0 ? ':00' : '' ,
    tt  : function(d)    return d.getHours() < 12 ? '' : '' ,
    T   : function(d)    return d.getHours() < 12 ? '' : '' ,
    TT  : function(d)    return d.getHours() < 12 ? '' : '' ,
    u   : function(d)    return formatDate(d, "yyyy-MM-dd'T'HH:mm:ss'Z'") ,
    S   : function(d)   
        var date = d.getDate();
        if (date > 10 && date < 20) 
            return 'th';
        
        return ['st', 'nd', 'rd'][date%10-1] 
;

Comentarios y calificaciones del artículo

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *