jQuery addClass example

Change class name on click in jQuery

by John Doe

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.4.1/moment-timezone-with-data-2010-2020.min.js"></script>

<select id="tmz">
  <option value="America/Los_Angeles">America/Los_Angeles</option>
  <option value="America/New_York">America/New_York</option>
  <option value="Europe/London">Europe/London</option>
  <option value="Europe/Rome">Europe/Rome</option>
  <option value="Asia/Tehran">Asia/Tehran</option>
  <option value="Asia/Kolkata">Asia/Kolkata</option>
  <option value="Australia/Sydney">Australia/Sydney</option>
</select>

<br/>
Now is <span class="time"></span> in <span id="zone"></span><br/>
<span class="time"></span> <span id="bool"></span> between

JavaScript

function update() {
  var tmz = $("#tmz").val();
  //var tmz = 'Pacific/Auckland';
  var fmt = 'HH:mm:ss';
console.log("time now = : " + fmt);
  
  var time = moment.tz(tmz);
console.log("time unix = : " + time);
  var start = moment.tz('3:00am', fmt, tmz);
  var end = moment.tz('9:00:am', fmt, tmz);
  
  $(".time").text(time.format(fmt));
  $("#zone").text(tmz);
  if(time.isBetween(start, end)) {
    console.log('yep');
    $("#bool").text("IS");
  } else {
  console.log('nope');
    $("#bool").text("IS NOT");
  }
}

$("#tmz").on("change", update);
update();