嘿，我来给你分享一个实用的实现方案，刚好能解决你说的这个需求：用户在表单里输入问题的开始日期时间和结束日期时间，自动算出两者之间的间隔分钟数。

举个实际例子来说，如果用户填的开始时间是4/26/2025 10:00 AM，结束时间是4/26/2025 11:00 AM，那计算出来的间隔就是60分钟，完全符合你的预期。

先搭好HTML表单结构 #

这是用户用来输入时间的表单字段，我把它设计得简洁直观：

<form id="timeForm">
  <div>
    <label for="startTime">开始时间:</label>
    <input type="datetime-local" id="startTime" required>
  </div>
  <div>
    <label for="endTime">结束时间:</label>
    <input type="datetime-local" id="endTime" required>
  </div>
  <button type="submit">计算间隔分钟数</button>
</form>
<div id="result"></div>

这里用了datetime-local类型的输入框，用户可以很方便地选择日期和时间，浏览器还会自动做格式校验，能省不少麻烦。

核心的JavaScript实现逻辑 #

接下来就是关键的计算部分啦，我写的代码逻辑清晰，还加了一些异常处理，避免用户输入不合理的时间（比如结束时间早于开始时间）：

document.getElementById('timeForm').addEventListener('submit', function(e) {
  e.preventDefault(); // 阻止表单默认提交跳转

  // 获取输入的时间值
  const startTimeStr = document.getElementById('startTime').value;
  const endTimeStr = document.getElementById('endTime').value;

  // 转成Date对象以便计算
  const startTime = new Date(startTimeStr);
  const endTime = new Date(endTimeStr);

  // 校验时间有效性
  if (isNaN(startTime.getTime()) || isNaN(endTime.getTime())) {
    document.getElementById('result').textContent = '请输入有效的日期时间！';
    return;
  }

  if (endTime < startTime) {
    document.getElementById('result').textContent = '结束时间不能早于开始时间哦！';
    return;
  }

  // 计算间隔毫秒数，转成分钟
  const diffMs = endTime - startTime;
  const diffMins = Math.floor(diffMs / (1000 * 60));

  // 展示计算结果
  document.getElementById('result').textContent = `时间间隔为：${diffMins} 分钟`;
});

简单说下这段代码的逻辑：

• 先监听表单的提交事件，阻止默认跳转行为；
• 把用户输入的时间字符串转成Date对象，这样才能进行时间运算；
• 做了两层校验：一是检查时间是否有效，二是确保结束时间不早于开始时间；
• 用结束时间减开始时间得到毫秒差，再除以60000（1000毫秒×60秒）就得到分钟数，最后用Math.floor取整，避免出现小数结果。

要是你更倾向于让用户手动输入4/26/2025 10:00 AM这种格式的时间，也可以调整输入框类型为text，不过用datetime-local能大幅减少格式错误的概率哦。

备注：内容来源于stack exchange，提问作者Michael