JSFiddle - React, Tailwind, and code Playground

by LukasHH

HTML

<table class="visdata visdatatable">
    <thead>
        <tr>
            <th class="vfdvlabel data-f28">Veranstaltung</th>
            <th class="vfdvlabel data-f19">Ort</th>
            <th class="vfdvlabel data-f21">Datum</th>
            <th class="vfdvlabel data-f22">Uhrzeit</th>
        </tr>
    </thead>
        <tr>
            <input id="cb0" type="checkbox" value="29" name="cid[]" style="display:none;">
            <td class="vfdvvalue data-f28">Sommerfest</td>
            <td class="vfdvvalue data-f19">Am See</td>
            <td class="vfdvvalue data-f21">07.07.2021</td>
            <td class="vfdvvalue data-f22">12:00 Uhr</td>
        </tr>
        <tr>
            <input id="cb1" type="checkbox" value="32" name="cid[]" style="display:none;">
            <td class="vfdvvalue data-f28">Grillen</td>
            <td class="vfdvvalue data-f19">Grillplatz</td>
            <td class="vfdvvalue data-f21">08.07.2021</td>
            <td class="vfdvvalue data-f22">10:30 Uhr</td>
        </tr>
        <tr>
            <input id="cb2" type="checkbox" value="40" name="cid[]" style="display:none;">
            <td class="vfdvvalue data-f28">Sportfest</td>
            <td class="vfdvvalue data-f19">Sportplatz</td>
            <td class="vfdvvalue data-f21">23.07.2021</td>
            <td class="vfdvvalue data-f22">10:30 Uhr</td>
    </tr>
<tr>
    <input id="cb33" type="checkbox" value="82" name="cid[]" style="display:none;">
    <td class="vfdvvalue data-f10">Herbstfest</td>
    <td class="vfdvvalue data-f11">Garten</td>
    <td class="vfdvvalue data-f12">05.10.2021</td>
    <td class="vfdvvalue data-f14">11:00 Uhr</td>
</tr>    
</table>
<div class="out">

</div>

CSS

.today{
  color: #ff0000;
}

JavaScript

$('table.visdatatable tr td.vfdvvalue').each(function(){
	txt = $(this).text();
  
  var today = new Date();
  var txt_date = txt.match(/(\d+)/g);  
  if(txt_date){
  	var date1 = new Date(txt_date[2], txt_date[1]-1, txt_date[0]);
    var t = today.getDate()+'-'+today.getMonth()+'-'+today.getFullYear();
    var d = date1.getDate()+'-'+date1.getMonth()+'-'+date1.getFullYear();
    
    if(t === d){
      $(this).parent().css("background-color", "#FAE533");
      $(this).parent().addClass("today");
    }
    //$('.out').after('<p>'+d+'</p>');
  }
});