如何创建时间选择器下拉菜单？

<label for="time">选择时间：</label>
<select id="time">
  <option value="08:00">08:00</option>
  <option value="09:00">09:00</option>
  <option value="10:00">10:00</option>
  <!-- 其他时间选项 -->
</select>

// 获取时间选择器元素
var timeSelect = document.getElementById("time");

// 添加事件监听器，当选择的时间发生变化时触发
timeSelect.addEventListener("change", function() {
  var selectedTime = timeSelect.value;
  console.log("选择的时间是：" + selectedTime);
});