用js写一个时间选择器 要求开始时间小于结束时间

首先，需要在 HTML 中创建两个 input 元素，分别用于输入开始时间和结束时间，并为这两个 input 元素添加相应的 ID。例如：

<!-- HTML 代码 -->
<label for="startTime">开始时间:</label>
<input type="datetime-local" id="startTime">
<br>
<label for="endTime">结束时间:</label>
<input type="datetime-local" id="endTime">

然后，在 JavaScript 中使用 getElementById 方法获取这两个 input 元素，并为它们添加 change 事件监听器。在事件处理函数中，使用 Date 对象将输入的字符串转换为日期时间，然后比较两个日期时间的大小。如果开始时间大于结束时间，则输出提示信息，否则不做任何操作。

下面是完整的代码示例：

// JavaScript 代码

// 获取 input 元素
var startTimeInput = document.getElementById('startTime');
var endTimeInput = document.getElementById('endTime');

// 为 input 元素添加 change 事件监听器
startTimeInput.addEventListener('change', checkTime);
endTimeInput.addEventListener('change', checkTime);

function checkTime() {
  // 将输入的字符串转换为日期时间
  var startTime = new Date(startTimeInput.value);
  var endTime = new Date(endTimeInput.value);

  // 比较日期时间的大小
  if (startTime > endTime) {
    // 输出提示信息
    console.log('开始时间必须小于结束时间');
  }
}

希望这些信息对您有帮助！