如何使用 HTML5 日期时间本地输入禁用先前的日期？

Question

我只是想阻止用户输入或禁用输入中的先前日期

datetime-local

，有没有办法做到这一点？

这是我所做的，不幸的是这段代码没有任何反应：

<input type="datetime-local" class="form-control col-md-6" name="book" required>
<script>
  var today = new Date().toISOString().split('T')[0];
  document.getElementsByName('book')[0].setAttribute('min', today);
</script>

Answer 1

试试这个

var today = new Date().toISOString().slice(0, 16);

document.getElementsByName("book")[0].min = today;

<input type="datetime-local" class="form-control col-md-6" name="book" required>

Answer 2

        <div class="row">
            <div class="col-md-6">
              <label for="time_start">{{ __('adminstaticword.timestart') }}:<sup class="redstar">*</sup></label>
              <input type="datetime-local" class="form-control" name="time_start" id="time_start" placeholder="Enter time_start" required min="{{date('Y-m-d')}}"  value="{{ old('time_start') }}" >
              <script>
                var today = new Date().toISOString().slice(0, 16);
                document.getElementsByName("time_start")[0].min = today;
                </script>
            </div>   

Answer 3

在 Laravel 中，试试这个：

 <label>Select date & time:</label><br>
    <input type="datetime-local" name="start_time" min="{{today()}}" value="2024-05-01T00:00" max="2026-01-01T00:00"><br>