Hi guys,
I'm using FullCalendar Jquery.
When user select date, it shows light green color in calendar.
But when deselect/remove date, it is show getting deselected, instead its shows as
selected.
HTML CODE:
<div id='calendar'></div>
What I have tried:
JQUERY CODE:
var dates = new Array();
function addDate(date) {
if (jQuery.inArray(date, dates) < 0) dates.push(date);
}
function removeDate(index) {
dates.splice(index, 1);
}
function printArray() {
var printArr="";
dates.forEach(function (val) {
printArr += val + ',';
});
printArr = printArr.slice(0, -1) ;
var myArr = printArr.split(",");
alert(myArr.sort());
}
function addOrRemoveDate(date) {
var index = jQuery.inArray(date, dates);
if (index >= 0)
removeDate(index);
else
addDate(date);
printArray();
}
function padNumber(number) {
var ret = new String(number);
if (ret.length == 1) ret = "0" + ret;
return ret;
}
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultView: 'month',
events: [{
start: '2014-11-12T13:00:00',
end: '2014-11-12T16:00:00',
}, ],
selectable: true,
select: function (start, end, jsEvent, view) {
addOrRemoveDate(start.format());
$("#calendar").fullCalendar('addEventSource', [{
start: start,
end: end,
rendering: 'background',
block: false,
}, ]);
},
selectOverlap: function(event) {
return ! event.block;
}
});
plz ref the fiddle:
I want to remove the color when its deselected.
Please guys help me.
Thanks