Javascript html5日期输入和angularjs:本地化angularjs验证的输入格式

Javascript html5日期输入和angularjs:本地化angularjs验证的输入格式,javascript,angularjs,html,date,Javascript,Angularjs,Html,Date,如果我创建一个HTML5日期输入,比如 <input type="date" required ng-model="mydate"> 我通过受支持的浏览器获得本地化输入,如 在Chrome中,使用德语日期输入模式dd.mm.yyy。如果我在不支持这些输入的浏览器(如IE或Firefox)中打开同一页面,它将显示为常规文本输入,这完全没关系。我的问题是angularjs的表单验证,它强制用户输入日期YYYY-mm-dd 对于不受支持的浏览器,有

如果我创建一个HTML5日期输入,比如

<input type="date" required ng-model="mydate">
我通过受支持的浏览器获得本地化输入,如

在Chrome中,使用德语日期输入模式dd.mm.yyy。如果我在不支持这些输入的浏览器(如IE或Firefox)中打开同一页面,它将显示为常规文本输入,这完全没关系。我的问题是angularjs的表单验证,它强制用户输入日期YYYY-mm-dd

对于不受支持的浏览器,有没有办法修改Angular.js 1.3的验证输入模式,以允许使用德语输入模式?如果不可能,是否可以完全禁用angular.js的验证,这样我就可以自己验证输入,但仍然有输入[type=date],因此受支持的浏览器会显示一个日期选择器


我创建了一个示例来演示这个问题。

这里似乎不仅仅是一个简单的html5输入,但我建议您使用jQuery UI datepicker:它工作得非常好,有一千个参数可以让您非常轻松地操作日期。如果angularJS预期的是YYYY-mm-dd,那么您可以制作一个显示日期选择器的jQuery UI日期选择器,并以YYYY-mm-dd格式插入日期。此外,它是一个常规的,所以它不会影响任何东西。Doc:->dateFormat:@briosheje谢谢你的提示,但我真的更喜欢原生解决方案,因为该网站也需要在智能手机上运行,而且我还没有找到一个响应良好的日期选择器,特别是对于Android小屏幕,虽然本机解决方案在iOS和Android上运行良好,但jQuery UI datepicker在移动设备上也能完美运行。不确定它是否能在非常小的移动设备上完美地工作,但在这种情况下,如果格式不是所需的格式,您可能希望通过使用常规文本输入而不是日期输入来听取用户的输入并对其进行编辑。。。在这种情况下,您可能希望使用占位符向用户提供提示:P@briosheje:这是一把小提琴!马菲尔->