jsp时间标签时间限制

Question

jsp中input的datetime-local时间标签只让选择半点或整点怎么实现

Answer 1

用JS 处理一下

<form action="your-action" method="post">
  <label for="datetime">选择时间:</label>
  <input type="datetime-local" id="datetime" name="datetime" required>
  <script>
    // 获取时间选择器元素
    var datetime = document.getElementById("datetime");

    // 监听时间选择器变化事件
    datetime.addEventListener("input", function() {
      // 获取当前时间
      var date = new Date(datetime.value);

      // 只允许选择半点或整点
      if (date.getMinutes() % 30 !== 0) {
        // 如果不是半点或整点，将时间设置为最接近的半点或整点
        var minutes = Math.round(date.getMinutes() / 30) * 30;
        date.setMinutes(minutes);
        datetime.value = date.toISOString().slice(0, 16);
      }
    });
  </script>
  <button type="submit">提交</button>
</form>