使用 Moment.js 顯示時間輸入

Question

我被困在我的代碼中，但我無法解決它。

我想在沒有日期的情況下減去兩次，我想出了怎么做

但我想在輸入中顯示時間，而不僅僅是結果

這是我想展示的

var startTime=moment("06:51 am", "HH:mm a");
var endTime=moment("04:16 pm", "HH:mm a");

這是我要顯示的兩個輸入。 我嘗試了var startTime和endTime但它不起作用。 我想要顯示06:51 am和04:16 pm

JS代碼：

<script>
  function myFunction() {
    var startTime = moment("06:51 am", "HH:mm a");

    var endTime = moment("04:16 pm", "HH:mm a");
    var duration = moment.duration(endTime.diff(startTime));
    var hours = parseInt(duration.asHours());
    var minutes = parseInt(duration.asMinutes()) - hours * 60;

    document.getElementById("p").innerHTML =
      hours + " hour and " + minutes + " minutes.";
  }
</script>

Answer 1

您需要.textContent在您的div或您想要的位置顯示時間。

使用.innerHTML並不理想 - 閱讀更多為什么它不在這里

對於時刻 js 顯示時間，僅使用.format中可用的moment.js

運行下面的代碼片段以查看它的工作原理。

 function myFunction() { var startTime = moment("06:51 am", "HH:mm a"); var endTime = moment("04:16 pm", "HH:mm a"); var duration = moment.duration(endTime.diff(startTime)); var hours = parseInt(duration.asHours()); var minutes = parseInt(duration.asMinutes()) - hours * 60; document.getElementById("start").textContent = 'Start = ' +startTime.format('HH:mm a'); document.getElementById("end").textContent = 'End = ' +endTime.format('h:mm a'); document.getElementById("time").textContent = 'Difference ' +hours+ ' hour and '+ minutes+' minutes.'; } myFunction()

 <script src="https://rawgit.com/moment/moment/2.2.1/min/moment.min.js"></script> <span id="start"></span> <br> <span id="end"></span> <div id="time"> </div>