HTML date min today

HTML date input fields allow users to select a date from a calendar-like interface. The min attribute is used to set the minimum date that can be selected by the user. Setting the min attribute to today can ensure that the user can only select dates that are today or later.

Syntax

<input type="date" name="myDate" min="today">

Example

<label for="myDate">Select a date:</label>
<input type="date" id="myDate" name="myDate" min="today">

In the above example, the min attribute is set to today, which means that the user cannot select a date that is earlier than the current date.

Browser Support

The min attribute is supported by all modern browsers, including Chrome, Firefox, Safari, Edge, and Opera. However, older browsers may not support this attribute, so it is recommended to provide alternative ways for users to select a date.

Conclusion

Using the min attribute with a value of today is a simple and effective way to ensure that users can only select dates that are today or later. This can be useful in applications where selecting past dates is not allowed, such as booking systems or event schedulers.