title: Show day name instead of number from Open Weather API response
body: <p>I am playing with <a href="https://openweathermap.org/" rel="nofollow noreferrer">Open Weather API</a> and managed to show 3 days weather, but I don't know how to show day instead of that number count!</p>
  
  <p>After doing some search I found that I have to convert something like timestamp to normal time :/ but I am not able to understand.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
    var key = "16c772c85cc7406ce72731159d78b31b";
    var city = "Pune,IN";
    var url = "https://api.openweathermap.org/data/2.5/forecast";
    $.ajax({
      url: url, //API Call
      dataType: "json",
      type: "GET",
      data: {
        q: city,
        appid: key,
        units: "metric",
        cnt: "3"
      },
      success: function(data) {
        console.log('Received data:', data) // For testing
        var wf = "";
        wf += "&lt;h2&gt;" + data.city.name + "&lt;/h2&gt;"; // City (displays once)
        $.each(data.list, function(index, val) {
          wf += "&lt;p&gt;" // Opening paragraph tag
          wf += "&lt;b&gt;Day " + index + "&lt;/b&gt;: " // Day
          wf += val.main.temp + "&amp;degC" // Temperature
          wf += "&lt;span&gt; " + val.weather[0].description + "&lt;/span&gt;"; // Description
          wf += "&lt;img src='https://openweathermap.org/img/w/" + val.weather[0].icon + ".png'&gt;" // Icon
          wf += "&lt;/p&gt;" // Closing paragraph tag
        });
        $("#showWeatherForcast").html(wf);
      }
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div id="showWeatherForcast"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thank You</p>