Hola estoy trabajando con fullCalendar y tengo la siguiente duda, Al seleccionar un día este queda marcado con un color diferente lo que esta muy bien, pero al seleccionar otro día del calendario, la selección anterior aun queda marcada.
¿Como puedo limpiar la selección anterior antes de marcar la actual?}
Desde ya muchas gracias.
<script>
$(document).ready(function () {
var initialLocaleCode = 'es';
$('#calendar').fullCalendar({
monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
monthNamesShort: ['En', 'Fe', 'Ma', 'Ab', 'My', 'Jn', 'Jl', 'Ag', 'Sp', 'Oc', 'Nv', 'Dc'],
dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb'],
dayNamesMin: ["D", "L", "M", "X", "J", "V", "S"],
buttonText: {
month: "Mes", week: "Semana", day: "Día", list: "Agenda", prev: "Prev", next: "Sig", today: "hoy",
weekHeader: "Sm"
},
weekHeader: "Sm",
allDayHtml: "Todo<br/>el día",
eventLimitText: "más",
locale: initialLocaleCode,
unselectAuto: true,
selectable: false,
buttonIcons: true,
weekNumbers: true,
navLinks: true,
editable: false,
eventLimit: true,
events: [
<% obtenerFecha(); %>
],
dayClick: function (date, jsEvent, view) {
alert('hola has hecho clic en:' + date.format());
$(this).css('background-color', '#ccffff');
},
color: 'yellow',
textColor: 'black'
})
});