Add class to the current date

Hello,

Add schedules in the schedules tab on Booking Package > Calendar setting > Your calendar.

Thank you.

Hello,
I do, but class the same.

This just other example how it looks like: https://demo.themovation.com/entrepreneur/yoga/ (current date have class “today”).

• This reply was modified 4 years, 6 months ago by sparespace.

Hello,

https://demo.themovation.com/entrepreneur/yoga/
The plugin in the page doesn’t seem to have been developed by us.

Thank you.

This just other example (picture), for you can see how it looks like ??

I want other css style for current date

Hello,

We can’t work with you on CSS styles. So you need to define the CSS styles yourself on Booking Package > General setting > CSS tab.

Thank you.

I do!

1) In Calendar.js file change this line:

dayPanel.setAttribute("data-key", key);

on this:

dayPanel.setAttribute("data-key", calendar[key].year + "-" + ( "0" + calendar[key].month).slice(-2) + "-" + ( "0" + calendar[key].day).slice(-2));
var currentDate = new Date();
jQuery(".dayPanelHeight").each(function() {
    var specifiedDate = jQuery(this).data('key');
    var date = new Date(specifiedDate);
    if(date.setHours(0,0,0,0) == currentDate.setHours(0,0,0,0)){
        jQuery(this).addClass('today');
    }
});

2) In your .css file add new element with name .today {} and set your own styles for current data.

Thx me!