I would simply like to prevent users from entering or disable the previous dates in input datetime-local , is there a way to do this?
Here is what I have done, unfortunately nothing happens on this code:
<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>try this
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>
In Laravel, Try this:
<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>
<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>
$(function () {
var currentday = new Date().toISOString().slice(0, 16);
document.getElementsByName("dti")[0].min = currentday;
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<input id="SwapInTime" type="datetime-local" asp-for="SwapInTime" title="Swap In Time" name="dti" />
