HTML5 pattern for formatting input box to take date mm/dd/yyyy?

Question

I used jQuery datepicker and I want to restrict my input field with a HTML5 pattern if a user, instead of getting the date from jQuery datepicker, types the date.

H

Answer 1

Easiest way is use read only attribute to prevent direct user input:

Or you could use HTML5 validation based on pattern attribute. Date input pattern (dd/mm/yyyy or mm/dd/yyyy):