javascript - 获取 HTML5 日期时间本地精确值

Question

尝试使用这个，http://jsfiddle.net/mdg2u4ut你会注意到时间会与你设置的时间不同，就像我的例子

我认为这是因为时区问题。

在我的例子中，我可以为小时变量硬编码 -8，但这不是明智的做法。

    <input type="datetime-local" onblur="formatDate(this.value)" />
<p id="para"></p>

我的JS

    function formatDate(date) {
    if(date){

        date = new Date(date);

  var hours = date.getHours();
  var minutes = date.getMinutes();
  var format = hours < 12 ? 'AM' : 'PM';
  hours = hours % 12;
  hours = hours ? hours : 12; // making 0 a 12
  minutes = minutes < 10 ? '0'+minutes : minutes;
  var time = hours + ':' + minutes + ' ' + format;
  var output = date.getMonth()+1 + "/" + date.getDate() + "/" + date.getFullYear() + " " + time;

  document.querySelector('#para').innerHTML = output;
}
    }

Answer 1

改用getUTC 方法。 jsFiddle

  var hours = date.getUTCHours();
  var minutes = date.getUTCMinutes();
  var format = hours < 12 ? 'AM' : 'PM';
  hours = hours % 12;
  hours = hours ? hours : 12; // making 0 a 12
  minutes = minutes < 10 ? '0'+minutes : minutes;
  var time = hours + ':' + minutes + ' ' + format;
  var output = date.getUTCMonth()+1 + "/" + date.getUTCDate() + "/" + date.getUTCFullYear() + " " + time;