JSFiddle - React, Tailwind, and code Playground

by Ilia Lesnykh

HTML

<table>
    <tr>
        <td class="cf_2 date">17.05.2014</td>
        <td class="cf_2 date">18.05.2014</td>
        <td class="cf_2 date">19.05.2014</td>
        <td class="cf_2 date">20.05.2014</td>
        <td class="cf_2 date">21.05.2014</td>
        <td class="cf_2 date">22.05.2014</td>
        <td class="cf_2 date">23.05.2014</td>
    </tr>
    <tr>
        <td class="cf_2 date">24.05.2014</td>
        <td class="cf_2 date">25.05.2014</td>
        <td class="cf_2 date">26.05.2014</td>
        <td class="cf_2 date">27.05.2014</td>
        <td class="cf_2 date">28.05.2014</td>
        <td class="cf_2 date">29.05.2014</td>
        <td class="cf_2 date">30.05.2014</td>
    </tr>
</table>

CSS

table { border-collapse: collapse }
td { border: 1px solid #ccc; padding: 5px; }

JavaScript

function fillBeforeToday() {
    var date = new Date();
    var month = date.getMonth() + 1;
    if (month <= 9) {
        month = '0' + month;
    }
    var today_date = date.getDate() + '.' + month + '.' + date.getFullYear();

    $('td.cf_2.date').each(function(){
        var $this = $(this);
        $this.css('color', 'red');
        if ($this.text() == today_date) {
            return false;
        }
    });
}

fillBeforeToday();