Set date input field's max date to today

Question

I just have a simple line of code like this:

<input type='date' min='1899-01-01' max='2000-01-01'></input> 

Is there a simple way to set the max date to "today" instead of 2000-01-01? Or do I have to use Javascript to do this?

Answer 1

You will need Javascript to do this:

HTML

<input id="datefield" type='date' min='1899-01-01' max='2000-13-13'></input> 

JS

var today = new Date(); var dd = today.getDate(); var mm = today.getMonth() + 1; //January is 0! var yyyy = today.getFullYear();  if (dd < 10) {    dd = '0' + dd; }  if (mm < 10) {    mm = '0' + mm; }       today = yyyy + '-' + mm + '-' + dd; document.getElementById("datefield").setAttribute("max", today); 

JSFiddle demo