JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.datejs.com/build/date.js"></script>
<div id="sun_container">
    <div class="details">
        Sunrise: <strong>7:00AM</strong> |
        Sunset: <strong>4:30PM</strong>
    </div>
</div>

<div id="sun_button">
    <img src="images/day.png">
</div>

JavaScript

$(document).ready(function(){
 var sunrise = Date.parse($(".details strong:eq(0)").text());
 var sunset = Date.parse($(".details strong:eq(1)").text());
    if(Date.parse("now").between(sunrise, sunset)) { 
       $("img").attr("src","http://www.cap.nsw.edu.au/bb_site_intro/stage1_Modules/WWS-stage1/images/sun.gif")
    }
    else {
       $("img").attr("src","http://www.balddog.com.au/images/illustration/cartoon_moon.gif")
    }
});