检测浏览器的本机日期/时间选择器

Question

对于移动html5/js网站,我希望在可用时利用本机浏览器日期/时间选择器(例如在移动safari上).我知道我可以检测浏览器是否支持日期/日期时间输入类型,这将有助于确保输入正确的数据格式,但有没有正确的方法来检测当前浏览器是否提供本机日期和/或时间选择器？

Answer 1

你可以创建一个输入元素并尝试分配类型,如果它不受支持,类型将切换回默认类型(即文本)

function isDateSupported() {
    var i = document.createElement("input");
    i.setAttribute("type", "date");
    return i.type !== "text";
}

或者你可以使用像modernizr这样的工具