date tz lol

by gaboom

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.5.17/moment-timezone.min.js"></script>
<div id="data1">
</div>

<div id="data2">
</div>

CSS

body {
  background-color: white
}
div {
  margin-top: 50px
}

JavaScript

// date selected by the user as JS date
let selectedValidFrom = new Date()

// using string (JS Date not good to use - converts TZ back to local)
let year = selectedValidFrom.getFullYear()
let month = selectedValidFrom.getMonth() + 1
month = month.toString().padStart(2, "0")
let day = selectedValidFrom.getDate().toString().padStart(2, "0")
let munichValidFromString = `${year}-${month}-${day}T00:00:00+01:00`

document.getElementById("data1").innerHTML=munichValidFromString.toString()

// using moment-timezone.js and string
let munichValidFromMoment = moment(selectedValidFrom)
.hours(0).minutes(0).seconds(0).milliseconds(0)
.utcOffset("+01:00", true)

document.getElementById("data2").innerHTML=munichValidFromMoment.format()