如何使用 HTML5 datetime-local 輸入禁用上一個日期？

Question

我只是想阻止用戶在 input 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>