限制 uibDatepicker 弹出窗口只接受数字和 '-'

Question

我有一个要求，我需要让用户在日期选择器中只输入数字和 - 并阻止用户输入其他字符，我该如何实现？

例如，我想阻止用户在日期选择器的输入字段中输入类似 asasdfas 的文本。

我在 uibDatepicker 代码中的 parseDate 函数中使用了这段代码，但视图没有更新。

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

Answer 1

将输入类型更改为日期会限制用户输入任何额外的文本。

<input type="date" />

问题是启用 HTML5 默认日期选择器。我添加了一点 css 来隐藏该部分，但您需要在其他浏览器中检查它。我无法移除箭头，我将再次让你去做。

希望对您有所帮助。我分叉了你的 PLUNK HERE

restrict uibDatepicker pop up to accept only digits and '-'