Helgfria dagar

Helgfria dagar

by csornmo

HTML

<pre id="data"></pre>

<div id="dates"></div>


<div data-date="2020-05-02">
Ej Röd dag: 2020-05-02
</div>

<div data-date="2020-05-01">
Röd dag: 2020-05-01
</div>

CSS

.holiday {
	color: red;
}

JavaScript

$.getJSON('https://api.dryg.net/dagar/v2.1/', function(data) {
  //data is the JSON string
  //$('#data').html( JSON.stringify(data, undefined, 2) );

  var arr = data.dagar;

  for (var i = 0; i < arr.length; i++) {

    if (arr[i]['röd dag'] == 'Ja' && arr[i]['veckodag'] != 'Söndag' && arr[i]['veckodag'] != 'Lördag') {
      //$('#data').append( JSON.stringify(arr[i], undefined, 2) );
      //$('#dates').append( '<pre>' + arr[i]['datum'] + '</pre>' );
      
      var date = arr[i]['datum'];
      $('[data-date]:contains("'+date+'")').addClass('holiday');
    }

  }

});