javascript - 在 js/jquery 中将 datetime-local 转换为 UTC 时间

Question

我有一个用户可以输入日期时间的表单

<input class="form-control" name="aution_end_time" required type="datetime-local id="auction_end_time-input">

现在我想做的是将这个“本地日期时间对象”转换为 UTC 时间并将该值存储在表单的隐藏输入中。

<input type="hidden" class="form-control" name="auction_end_time_utc">

我该怎么做？总结一下:用户在表单中输入日期时间，然后一旦他们这样做，隐藏的输入就会更新为相同的日期时间，但采用 UTC 格式。我不确定如何确定用户本地时区以及如何转换为 UTC。谢谢!

Answer 1

我建议使用 moment.js为此。

查看我的代码片段!我将 type="hidden" 更改为 type="text" 并将 name 更改为 id 用于第二个输入展示目的。

document.getElementById("auction_end_time-input").oninput = function() {
  var datetimeLocal = document.getElementById("auction_end_time-input").value;
  var datetimeUTC = moment.utc(datetimeLocal).format();
  document.getElementById("auction_end_time_utc").value = datetimeUTC;
}

<!-- moment.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.3/moment-with-locales.min.js"></script>

<input class="form-control" name="aution_end_time" required type="datetime-local" id="auction_end_time-input">
<input type="text" class="form-control" id="auction_end_time_utc">