Question

我使用UIWebview来显示html页面。在页面中，我有一个日期和时间类型，而不是日期时间。但该领域未在ios7上显示。它在ios6上没问题。下面是css代码：

div.answer-time-picker {
        padding: 10px 9px;
    }

    .answer-time-picker input {
        font-size: 17px;
        font-weight: normal;
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        border: none;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

有什么不对吗？

非常感谢！

更新：我发现，如果有一个默认值，它将正常工作。但如果没有值，它将不会显示空字段。如何强制它显示空白字段供用户点击？

Answer 1

看起来这个输入类型已在iOS 7中删除

http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

在Google Chrome之后，现在iOS上的Safari不支持日期时间输入类型，它将回退到文本。这个类型在标准中被弃用，赞成使用两个输入，日期和出于同样目的的时间。问题是datetime是兼容的 iOS版本从5.0到6.1;如果您正在使用它，请小心！

Answer 2

参见参考here

你的CSS应该改变如下：

{ 
align-items: center;
display: -webkit-inline-flex; 
overflow: hidden; 
padding: 0px; 
-webkit-padding-start: 1px; 
}

Answer 3

我从这个问题中得到了一些想法：input type=date in iOS 7

我在.answer-time-picker输入中设置了一个高度。它有效！

在ios7上，没有默认值的webview中没有显示<input type =“date”/>

3 个答案: