2014-03-06 58 views
2

我有一些問題來設置HTML5日期輸入的最小和最大年份。最小/最大屬性的類型= HTML5上的日期

這裏是我的代碼:

<input required="required" min="1900-01-01" max="2099-09-13" type="date" class="form-control" id="inputDataNascimento"> 

它不會在所有的工作。

enter image description here

我做錯什麼了嗎?這是一個錯誤?

注:我使用的是谷歌Chrome和Twitter的引導3

+0

最小或最大將需要一個數字,它是一個字符串當前。即使對於「日期」類型,也可以使用 – alexmac

+0

?我見過一些使用這種格式的例子... –

+0

看起來像我錯了,日期格式是規範的一部分對不起。 [html 5 form input](http://www.w3schools.com/html/html5_form_attributes.asp)雖然其他人評論過,但你的里程可能會有所不同。 – alexmac

回答

3

如Safari和Internet Explorer瀏覽器的一些不支持此功能,這可能是你的問題。通過Javascript寫驗證。

支持此功能可以在可見的browers名單:...

http://html5test.com/compare/browser/chrome-33/firefox-27/opera-19/safari-7.0/ie-11.html

+0

我使用Chrome:/。日期正在工作。 'min'和'max'不是。 :( –

+0

你使用的是JQuery嗎?有一些不錯的小部件有一些不錯的日期函數。[query ui](http://api.jqueryui.com/datepicker/#option-maxDate) – alexmac

1

分鐘和日期輸入型最大屬性很少有瀏覽器的支持。您可以使用jQuery驗證作爲解決方法。

<input id="dateInput" required="required" min="1900-01-01" max="2099-09-13" type="date" class="form-control" id="inputDataNascimento"> 
<script> 
    $("#dateInput").validate(); 
</script>