UTC to PST converter

UTC to PST converter

by Augustus Yuan

HTML

<label for="utcString">UTC date</label>
<input id="utcString" type="text" />
<button id="js-generate-date">
  Convert to PST
</button>

<div id="result">
</div>

CSS

#result {
  margin: 10px 0px;
  width: 500px;
}

JavaScript

function onGenerateDate() {
  var dateString = document.getElementById('utcString').value;
  if (dateString.lengtth != 0) {
    var utcDate = new Date(dateString);
    var usDate = utcDate.toLocaleString('en-US', { timeZone: 'PST' })
    var result = document.getElementById('result');
    var results = `
Locale String: ${usDate}

Date: ${new Date(usDate)}

Timestamp: ${new Date(usDate).getTime()}
    `
    result.innerHTML = results;
  } else {
    result.innerHTML = 'Please add something to UTC date';
  }
}

document.getElementById('js-generate-date').addEventListener('click', onGenerateDate);