luxon timezones

for stackoverflow

by grant

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/luxon/2.0.1/luxon.min.js"></script>
<div>Set timezone with Luxon</div>
<div>
  <div id="tz"></div>
<div id="where"></div>
</div>
<div>
  <div id="utz"></div>
<div id="utcw"></div>
</div>

<div id="dayn"></div>
<div id="countD"></div>
<div id="parent">
  <div id="demo"></div><div id="next"></div>
</div>
<div id="weekD"></div>
<div id="year"></div>

CSS

body {
  max-height: 40px;
  }
#tz, #where, #utz, #utcw {
  display: inline-block;
  margin: 2px 5px 2px 5px;
}

JavaScript

const DateTime = luxon.DateTime;
var utc = DateTime.utc()

var boi = "America/Boise";
var ny = "America/New_York"
var hi = "Pacific/Honolulu"
luxon.Settings.defaultZone = hi
console.log(DateTime.local().toFormat('HH:mm'))
var utcHour = utc.toFormat('HH:mm')
var utcWhere = DateTime.utc().toFormat('z')
var hawaii = DateTime.utc().setZone(hi).toFormat('HH:mm');
var boise = DateTime.utc().setZone(boi).toFormat('HH:mm');
var newYork = DateTime.utc().setZone(ny).toFormat('HH:mm');
var zoneName = DateTime.utc().setZone(boi)
var where =  DateTime.utc().setZone(boi).toFormat('z')

console.log({utcHour, hawaii, boise, newYork})
var tz = document.getElementById('tz');
tz.innerHTML = boise;

document.getElementById("where").innerHTML = where;
document.getElementById("utz").innerHTML = utcHour;
document.getElementById("utcw").innerHTML = utcWhere;
//var date = new Date();
//console.log(date.getTimezoneOffset())
//console.log((DateTime.utc().setZone(boi)).toFormat('z'))

dayn = 0
//var hour = DateTime.utc().setZone(boi).toFormat('HH:mm');
var hour = "10"
var noon = "12:00:00" 
const month = DateTime.utc().setZone("America/Boise").toFormat('MM');
var dateN = DateTime.utc().setZone("America/Boise").toFormat('dd');
const year = DateTime.utc().setZone("America/Boise").toFormat('yyyy');
var weekD =  document.getElementById('weekD');
var HHmm = DateTime.utc().setZone(boi).toFormat('HH:mm');
document.getElementById("year").innerHTML = year;
//HHmm = "05:01"
//var sunrise = "07:47"
var sunrise = "12:00:00" 
console.log({month, dateN, year, sunrise})
if (dayn == "0" &&  hour <= 11) {
nextAct = 'kayaking.'
sunr(month, dateN, year, noon)
 weekD.innerHTML = "sun am";
 console.log({HHmm, sunrise, dateN, dayn})
}
else {
console.log("error") 
}

function sunr(month, dateN, year, sunrise) {
//console.log('using sunr function')
//var deadline = new Date("July 19, 2021 06:00:00").getTime();
var deadline = new Date(month + dateN + " ," + year + " " +...