从 html 获取倒数计时器的日期时间答案

【问题标题】：Get dateTime from html for Countdown timer从 html 获取倒数计时器的日期时间
【发布时间】：2022-11-28 23:53:38
【问题描述】：

我正在尝试从具有 id datetime 的跨度中获取动态日期，并将该日期用于倒数计时器。但我总是看到南

<span id="datetime">30.11.2022 08:50:00</span>
<p id="demo"></p>

<script>
var enddateTime = document.getElementById('datetime').textContent;
// Set the date we're counting down to
var countDownDate = new Date(enddateTime).getTime();

// Update the count down every 1 second
var x = setInterval(function() {

  // Get today's date and time
  var now = new Date().getTime();

  // Find the distance between now and the count down date
  var distance = countDownDate - now;

  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);

  // Display the result in the element with id="demo"
  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
  + minutes + "m " + seconds + "s ";

  // If the count down is finished, write some text 
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "EXPIRED";
  }
}, 1000);
</script>

我尝试使用 .textContent 来获取字段值
var enddateTime = document.getElementById('datetime').textContent;

控制台中的一切都很好，但是当我在计时器脚本中使用时，我得到 NaN

【问题讨论】：

标签： javascript datetime

【解决方案1】：

const newDate = new Date('30.11.2022 08:50:00');

console.log(newDate); // Invalid Date

您的日期格式根本无效。例如，尝试使用“2022-11-30 08:50:00”作为您的日期。

<span id="datetime">2022-11-30 08:50:00</span>

更多here。

【讨论】：

【解决方案2】：

<span id="datetime">30.11.2022 08:50:00</span>

HTML 元素中的此值在 Js 中是无效的格式日期。您应该将值更改为 2022-11-30 08:50:00。这是js中的YYYY-MM-DD HH:mm:ss日期格式。

【讨论】：