javascript — moment.js & quot; неверная дата & quot; расчет разницы во времени

Question

javascript — moment.js & quot; неверная дата & quot; расчет разницы во времени

Я пытаюсь рассчитать разницу во времени в часах & минут между 2 полями формы, но я получаю «Неверная дата». Я пытался использовать другие примеры и заставить их работать в соответствии с моими потребностями. Ввод для начального и конечного полей.

<script type="text/javascript" src="/js/moment.js"></script>
<script type="text/javascript">
function calculate(){
var start = document.getElementById(StartTime);
var end = document.getElementById(EndTime);
var diff = moment.utc(moment(end,"HH:mm").diff(moment(start,"HH:mm"))).format("HH:mm")
document.form.total.value = diff;
}
</script>
<form method="POST" name="form" id="form" action="test2.php">
<?php
echo "time1: <input type='text'  name='StartTime' id='StartTime' onChange='calculate()'/> <br />";
echo "time2: <input type='text' name='EndTime' id='EndTime' onChange='calculate()' /> <br />";
echo "difference: <input type='text' name='total' id='total' /> <br /> ";
echo "<Br />";
?>
</form>

Спасибо

1

javascript momentjs php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Пожалуйста, посмотрите на следующий код:

<html>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>

<script type="text/javascript">
function calculate(){
var start = document.getElementById("startTime").value;
var end = document.getElementById("endTime").value;
var formatStr = "HH:mm";
var diff = moment.utc(moment(end, formatStr).diff(moment(start, formatStr)));
document.getElementById("total").innerHTML = diff.format(formatStr);
}
</script>

<input type='text' id='startTime' onChange='calculate()'/>
<input type='text' id='endTime' onChange='calculate()' />
<div id='total' />
</html>

Я удалил код php, так как это бесполезно для отладки, и проблема не связана.
Обратите внимание, что вам нужно получить входное значение с .value,

0