How to add checks / restrictions for HTML5 date field without jquery / javascript

Question

Is it possible to add validation / constraint elements to a date element using HTML api without jquery?

I am currently using jquery datePicker to display a calendar and to add restrictions using the beforeShow method for datePicker.

Now I'm trying to use the HTML5 calendaring and want to know how to add restrictions (for example: disable weendends / holidays) to the HTML5 calendar. Can someone point me in the right direction?

Answer 1

You can use the min and max attributes to enter the date.

Spec: http://www.w3.org/TR/html-markup/input.date.html

Edit:

• Afaik, there is no way to disable certain days using HTML5 date input ...

• If you want to be a cross-browser, use Modernizr and provide a backup for older browsers (e.g. jQuery datePicker): http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-cross- browser-html5-forms /