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)