2011-12-07 93 views
6

標題很清楚我猜?如何在我的html5日期輸入中設置最大值,以便Safari可以識別iOS版本?

這裏是我的日期輸入:

<input type="date" id="birthdate" name="birthdate" value="" max="1993-12-07" required/> 

在Chrome中,我可以通過現場的小箭頭沒有進入上級日期到1993年12月7日(但如果我寫的日期我自己,我可以)。

在Safari的Safari中,專注於該領域只是帶來了不錯的日期選擇器。但是,這個日期選擇器不限於「max」屬性。那我該怎麼做?當然,我有一個服務器端表單驗證,但我也想在客戶端進行驗證。 有什麼想法?謝謝!

回答

7

Safari還不支持它。只有歌劇和鉻支持它截至2011年11月。反正這裏是它的w3spec http://www.w3.org/TR/html-markup/input.date.html#input.date.attrs.max

你可以使用js驗證提交或更改。使用您選擇的js驗證框架

這裏是純js示例http://www.roseindia.net/answers/viewqa/Ajax/4734-start-date-and-end-date-validation-in-javascript.html。用你的最大日期,而不是結束日期

的jQuery的解決方案看這個Validate that end date is greater than start date with jQuery

+1

現在,在2014年10月 - 移動Safari瀏覽器支持的最大和最小在約會? –

+0

@VitalyZdanevich任何鏈接支持 – aWebDeveloper

+0

我不知道任何鏈接 - 這是問題。 –

0

找到了解決方案,用於動態禁用未來日期:

@{ string datestring = DateTime.Now.ToString("yyyy-MM-dd"); } 
<input type="date" 
     required="required" 
     name="AttendanceDate" 
     max="@datestring" 
     class="form-control" /> 
+0

這在Android上正常工作,但在iOS上,不會考慮最小和最大屬性 – FIZLIN

相關問題