不同瀏覽器時間控件顯示上的區別


功能需求:

輸入時間,該時間大於小孩出生時間(對應字段ChildBirthDate),小於當前時間

頁面代碼:

<input type="date" id="CompletionDate" name="CompletionDate" max="@(DateTime.UtcNow.UTCToJST().ToString("yyyy-MM-dd"))" min="@Model.ChildBirthDate.ToString("yyyy-MM-dd")" class="w100p" value="@Model.CompletionDate">

各瀏覽器顯示:

IE / FireFox:

顯示為空白文本框,點擊出現日歷;同時,max min 屬性失效,需要從后台進行驗證;

Google:

當小孩出生時間為當年當月(有min限制的屬性),年、月固定顯示,如下圖:

當小孩出生時間為當年非當月,年固定顯示,如下圖:

當小孩出生時間非當年,如下圖:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM