Solution to add className in specific Array element

Question

I created one calendar and I don't find the solution to add one className when the date is equal "today", please see the link demo:

https://compassionate-beaver-fe6c05.netlify.com/

the code is:

https://github.com/fzabra/react-calendar/blob/master/src/Components/Calendar.jsx

The follow condition return the date today:

 if (dateDay === today.getDate() && currentYear === today.getFullYear() && currentMonth === today.getMonth()) {
   console.log(dateDay)   
}

Observe that the console show the date of today. The square today is a it element have one id="dateDay", I think something like document.getElementById doesn't work, anybody has any ideas?

Thank you

Yes, but there's no css style, dateDay is a number, add a today or something — trinaldi
– trinaldi, Commented May 31, 2019 at 1:32
I don't create the style yet, I just want to add one className in the current day. I tried push() again between this conditional but it is creating two current day — Fabricio Sobral
– Fabricio Sobral, Commented May 31, 2019 at 1:44

trinaldi · Accepted Answer · 2019-05-31 02:39:37Z

1

Using the .box .green class from your CSS file, you can push the <Table.Cell> inside the if condition or else don't use the className, like so:

if (dateDay === today.getDate() && currentYear === today.getFullYear() && currentMonth === today.getMonth()) {
  children.push(<Table.Cell key={j} id={dateDay} className="box green">{dateDay}</Table.Cell>)
  } else{
  children.push(<Table.Cell key={j} id={dateDay} className="box">{dateDay}</Table.Cell>)

This way the current date will have a green background.
Result

Full code

edited May 31, 2019 at 2:39

answered May 31, 2019 at 1:58

trinaldi

2,9502 gold badges35 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Fabricio Sobral Over a year ago

For me it created 2 current days not for you

Fabricio Sobral Over a year ago

Very nice, now I will understand where I broke my brain haha, thank you

Collectives™ on Stack Overflow

Solution to add className in specific Array element

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related