類型日期 - 僅使用日曆選擇器的輸入HTML5

有沒有辦法不允許手動編輯日期？我的意思是我想強制用戶只使用日曆選擇日期。類型日期 - 僅使用日曆選擇器的輸入HTML5

有

<input type="date" value="yyyy-mm-dd" class="input-medium search-query">

用戶可以輸入一些內容輸入表單。我試圖這樣做：

<input type="date" value="yyyy-mm-dd" class="input-medium search-query" disabled>

但它凍結了整個表格。

任何提示？或者，有沒有什麼快速的方法來防止用戶打破日期格式？（因爲我用引導我不喜歡使用jquery）

這可能是不可能的，但爲什麼要擺脫這種可能性呢？ – 2013-04-24 15:59:32

1.您將通過刪除用戶期望的基本UI來破壞自己頁面的用戶體驗; 2.您只需將頁面不可用於不支持「日期」輸入的瀏覽器; 3.做適當的驗證，而不是依賴客戶端的東西，可以輕鬆繞過。 – 2013-04-24 16:04:21

@FabrícioMatté+1謝謝你的好評。事實上，驗證似乎是一個更好的解決方案。 – JosephConrad 2013-04-24 16:09:56

你可以返回false當用戶按下一個鍵，如果你準備扔了一下JS的有：

<input type="date" value="yyyy-mm-dd" class="input-medium search-query" onkeypress="return false">

2013-04-24 15:59:41 George

+1非常感謝！它完美的作品。 – JosephConrad 2013-04-24 16:02:38

有沒有辦法像月份一樣顯示整個月份的名字？ – 2014-08-29 06:57:18

'onkeypress =「return false」'不能防止退格，但'onkeydown =「return false」'做 – raghavsood33 2015-10-14 03:46:48

回答