比较用户选择时间 JavaScript 的开始时间和结束时间答案

【问题标题】：Compare start time and end time when user pick the time JavaScript比较用户选择时间 JavaScript 的开始时间和结束时间
【发布时间】：2020-07-18 18:16:28
【问题描述】：

我有 2 个选择输入供用户选择时间。并且要求是startTime < returnTime (if startTime >= returnTime) 会提示一个警报。我有以下代码：

var startDate = document.getElementById("startDate");
var returnDate = document.getElementById("returnDate");

if (startTime.value >= returnTime.value ) {
    $("#returnTime")[0].setCustomValidity(
    alert("Return Time cannot be less than Start Time")
);

startTime > returnTime 仍然有效（意味着当我选择 startTime > returnTime 时，它会提示警报）但是当我选择同一时间 (startTime = returnTime) 时，它不会以某种方式提示警报。

这是我的 HTML 文件代码：

<input type="time" id="startTime" name="start_time" value="" size="60" maxlength="128" class="form-text"">

它将在浏览器中显示如下：

不知道是格式不对还是背后有其他机制。

【问题讨论】：

也许您需要同时使用开始日期和开始时间来将其与返回日期和时间进行比较？在示例中，晚上 8:31 没有上下文，如果同一时间在不同日期，则比较不再相等

标签： javascript datetime input compare

【解决方案1】：

也许您应该尝试专门为处理日期时间而构建的库，例如 momentjs 或 dayjs。它们具有 isAfter() 或 isBefore() 之类的功能，有助于更轻松地比较日期时间

【讨论】：