我已经建立我全部采用多种形式与HTML5网站(使用input类型date,color和range).
Google Chrome中的一切正常.
但是当我打开Internet Explorer和Firefox时,所有输入字段都变成了input类型text.
我可以下载一种方法或脚本来强制正确显示此输入吗?
这是开箱即用的mvc3库存级普通香草jquery行为?这是默认的样式行为吗?我如何使它不透明?谢谢!
<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.date').datepicker({ dateFormat: "dd/mm/yy" });
});
</script>
@Html.TextBox("xxx", "", new { @class = "date" })
Run Code Online (Sandbox Code Playgroud)

与HTML5一起出现了一组新的输入类型.其中一个是date在Chrome中,这个输入产生一个很好的原生日期选择器,如下所示.

它还在移动设备上提供原生日期选择器,这是我使用新输入类型的主要优势.
但是,在Firefox(23.0.1)和IE(10)上,未显示本机日期选择器,输入被视为普通文本输入.在这些情况下,我想回到Javascript日期选择器.
这是用于运行AngularJS的站点,当前的datepicker插件是bootstrap-datepicker.如果浏览器支持本机日期选择器,那么禁用此插件的最简单方法是什么?我是否只需检查浏览器是否支持date输入类型并禁用插件(如果是这种情况)?
我从它的网站上下载了modernizr.js.
<html>
<head>
<title>Hello Modernizr</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="~/modernizr.custom.62854.js"></script>
</head>
<body>
</body>
</html>
<script>
Modernizr.load({
test: Modernizr.inputtypes.date,
nope: ['http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js', 'jquery-ui.css'],
complete: function () {
$('input[type=date]').datepicker({
dateFormat: 'yy-mm-dd'
});
}
});
</script>
Run Code Online (Sandbox Code Playgroud)
我添加了一个datepicker但是如果我运行网站,我看不到任何我想念的地方?
datepicker ×2
javascript ×2
angularjs ×1
firefox ×1
html ×1
html5 ×1
jquery ×1
jquery-ui ×1
modernizr ×1