I'm using FullCalendar 3.8.2 by FullCalendar LLC and I'm instanciating it like so:
$("#calendar-schedules").fullCalendar({
'themeSystem' :'bootstrap3',
'height' :426
});
I'm trying to remove the highlighting of the current date (not the 'Today' button)
I tried adding the 'now' parameter to false, but then I get error of moment.js saying
Deprecation warning: moment construction falls back to js Date. This is discouraged and will be removed in upcoming major release. Please refer to https://github.com/moment/moment/issues/1407 for more info
How can I achieve such thing?
fc-next-button'); $('body'). remove('. fc-today-button'); } });
You can change the color of all events on the calendar like so: var calendar = new Calendar(calendarEl, { events: [ // my event data ], eventColor: '#378006' }); You can use any of the CSS color formats such #f00 , #ff0000 , rgb(255,0,0) , or red .
FullCalendar is a JavaScript library that seamlessly integrates with such popular JavaScript frameworks as Vue, React, Angular. Thanks to its excellent documentation, one won't have trouble incorporating the library into projects.
We can get start date by getView event with intervalStart. We can get end date by getView event with intervalEnd. var month = $('#calendar'). fullCalendar('getView').
You can just change the CSS so that the background colour of the "fc-today" class - which is used on the current date to highlight it - is the same as the default background colour.
Add this CSS somewhere in your page (probably better than overriding it in the fullCalendar CSS file, in case you upgrade the version and forget you made a customisation):
.fc-today
{
background-color:inherit !important;
}
See http://jsfiddle.net/Lfm1odm1/8/ for a demo.
In V5 of FullCalendar this worked for me.
.fc-day-today {
background-color: inherit !important;
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With