功能需求:
輸入時間,該時間大於小孩出生時間(對應字段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限制的屬性),年、月固定顯示,如下圖:
當小孩出生時間為當年非當月,年固定顯示,如下圖:
當小孩出生時間非當年,如下圖: