FullCalendar - Alguém tem o calendário em português?

Alguém tem o calendário em português para disponibilizar?

Observação: a versão que estou utilizando é a 1.6.4.

1 curtida

Você tem o link do pacote?

Veja se ajuda: https://pt.stackoverflow.com/a/101515

Pelo que falaram é só questão de usar o js da lingua suportada.

1 curtida

eu estou utilizando esse https://coderwall.com/p/zor0pq/full-calendar-plugin-with-new-design

1 curtida

já tentei,porém essa versão é bem superior ao que eu estou utilizando.

Pelo jeito vai ser mais fácil migrar pra versao que suporta isso.

Olha ele funciona sim: https://fullcalendar.io/releases/fullcalendar/3.10.0/demos/locales.html

$('#calendar').fullCalendar('option', 'locale', this.value);

algo perto disso. onde this.value é por exemplo pt-br, ou seja, colocar a configuração no option da chamada.

Exemplo na documentação: https://fullcalendar.io/docs/locale

<script src='fullcalendar/fullcalendar.js'></script>
<script src='fullcalendar/locale-all.js'></script>
<script>

  $(function() {
    $('#calendar').fullCalendar({
      locale: 'es'
    });
  });
</script>

A documentação completa: https://fullcalendar.io/docs

conseguir resolver alterando o código javascript.
meu problema era por causa das horas. então fiz o seguinte…


	
		var calendar =  $('#calendar').fullCalendar({
			header: {
				left: 'title',
				center: 'agendaDay,agendaWeek,month',
				right: 'prev,next today'
			},

			contentHeight:500,
			
			firstDay: 1, //  1(Monday) this can be changed to 0(Sunday) for the USA system
			selectable: true,
			defaultView: 'month',
			
			axisFormat: 'h:mm',
			columnFormat: {
                month: 'ddd',    // Mon
                week: 'ddd d', // Mon 7
                day: 'dddd M/d',  // Monday 9/7
                agendaDay: 'dddd d'
            },
            titleFormat: {
                month: 'MMMM yyyy', // September 2009
                week: "MMMM yyyy", // September 2009
                day: 'MMMM yyyy'                  // Tuesday, Sep 8, 2009
				
            },
			allDaySlot: false,
			selectHelper: true,
			select: function(start, end, allDay) {
              $('#ExibirModal').modal('show'); 
			  $("#Salvar").click(function(){
			  
			  var title = $('#descricao').val();
		
			  if (title) {
					calendar.fullCalendar('renderEvent',
						{
							title: title,
							start: start,
							end: end,
							allDay: allDay
						},
						true // make the event "stick"
					);
				}
			});	
			
			calendar.fullCalendar('unselect');
			},
			droppable: true, // this allows things to be dropped onto the calendar !!!
			drop: function(date, allDay) { // this function is called when something is dropped
			
				// retrieve the dropped element's stored Event Object
				var originalEventObject = $(this).data('eventObject');
				
				// we need to copy it, so that multiple events don't have a reference to the same object
				var copiedEventObject = $.extend({}, originalEventObject);
				
				// assign it the date that was reported
				copiedEventObject.start = date;
				copiedEventObject.allDay = allDay;
				
				// render the event on the calendar
				// the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
				$('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
				
				// is the "remove after drop" checkbox checked?
				if ($('#drop-remove').is(':checked')) {
					// if so, remove the element from the "Draggable Events" list
					$(this).remove();
				}
				
			},
			
			events: [
				{
					title: 'All Day Event',
					start: new Date(y, m, 1)
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d-3, 16, 0),
					allDay: false,
					className: 'info'
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d+4, 16, 0),
					allDay: false,
					className: 'info'
				},
				{
					title: 'Meeting',
					start: new Date(y, m, d, 10, 30),
					allDay: false,
					className: 'important'
				},
				{
					title: 'Lunch',
					start: new Date(y, m, d, 12, 0),
					end: new Date(y, m, d, 14, 0),
					allDay: false,
					className: 'important'
				},
				{
					title: 'Birthday Party',
					start: new Date(y, m, d+1, 19, 0),
					end: new Date(y, m, d+1, 22, 30),
					allDay: false,
				},
				{
					title: 'Click for Google',
					start: new Date(y, m, 28),
					end: new Date(y, m, 29),
					url: 'http://google.com/',
					className: 'success'
				}
			],	
//adicionado para aparecentar as horas no formado pm/am
     axisFormat: 'HH:mm',
     timeFormat: {
          agenda: 'HH:mm{ - H:mm}'
     }			
		});
		
		
	});

o restante foi só trocar os nomes da semana e mês que estavam em inglês.