asp.net - 处理 HTML 输入类型 ="date"的浏览器特定支持

Question

我知道 HTML 5 input 标签在与 type="date" 一起使用时，需要提供 RFC 3339 完整日期，如 here 所述。 .这里有很多问题，例如this one , 提到这个。

但是，浏览器对日期类型输入标签的支持差异很大。例如，iOS 7 上的 Safari 使用了一个很好的日期选择器，你可以在上面上下翻动来分别选择日、月和年。另一方面，Internet Explorer 10 不以任何特殊方式处理日期类型输入标签，而是将它们视为纯文本输入标签。

当我们将这两个事实放在一起时，我们会发现以下内容。如果我在我的页面上为日期类型输入标签提供格式正确的 RFC 3339 完整日期，正如预期的那样，它会在具有特殊支持的浏览器中很好地显示它，例如 iOS 7 上的 Safari。但是，输入标签显示一个在不以任何特殊方式处理它的浏览器(例如 Internet Explorer 10)上丑陋且用户不友好的 yyyy-mm-dd 日期。我不能向我的用户显示 yyyy-mm-dd 日期，所以我想我宁愿为我的输入标签提供用户友好的格式日期，例如 dd/MMM/yyyy(这是我们在这里使用的格式)。但是，这在将其作为简单文本处理的浏览器(如 Internet Explorer)上工作正常；在 iOS 7 上的 Safari 上，它需要正确的 RFC 3339 完整日期，日期类型输入标签显示为空白。

所以我卡住了。我想我需要一种方法来单独手动处理浏览支持，并根据客户端使用的浏览器以编程方式格式化我的日期。我的问题是:

• 我真的需要这样做吗，或者有解决方法吗？
• 如果我需要这样做，你能推荐一个简单的方法吗？我正在使用 ASP.NET、C# 和 Bootstrap 3。

我宁愿避免引入额外的框架，如 modernizr 只是为了解决这个问题。如果修复起来太困难或太麻烦，我总是可以返回使用纯文本标签。

谢谢。

Answer 1

参见 this .它推荐 2 个 polyfill。 This one和 this one .两者看起来都不错。做浏览器检测然后特殊格式化很乱，所以我不推荐它。