Question

我正在尝试计算小时和时间的差异。两个表单字段之间的分钟，但我返回“无效日期”。我试图使用其他示例，使它们能够满足我的需求。输入用于开始和结束字段。

<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>

由于

Answer 1

请查看以下代码：

<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获取输入值。

moment.js＆＃34;无效日期＆＃34;计算时差

1 个答案: