限制uibDatepicker彈出接受只有數字和' - '

Question

我有一個要求，我需要讓用戶只輸入數字和-到日期選擇器，並防止用戶輸入其他字符，我怎麼能做到這一點？

例如，我想阻止用戶在datepicker的輸入字段中輸入文本，如asasdfas。

我用這個代碼在parseDate函數裏面的uibDatepicker代碼，但視圖沒有得到更新。

var regex = /[^0-9\-]/g; 
viewValue = viewValue.replace(regex, ''); 

這裏是玩一個普拉克：http://plnkr.co/edit/AKFhTG162Ck5Blt0ZBH7?p=preview

Answer 1

改變輸入類型，日期從輸入任何額外的文本限制用戶。

<input type="date" /> 

問題是，啓用HTML5默認日期選擇器。我已經添加了一點css來隱藏該部分，但您需要檢查其他瀏覽器。我無法刪除箭頭，我會再次離開你去做。

希望它有幫助。我分叉你PLUNK HERE