2

我使用 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);
    }

有什么问题吗？

非常感谢！

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

4

3 回答 3

2

看起来这个输入类型在 iOS 7 中被移除了

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

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

于 2013-09-24T05:31:47.153 回答
1

请参阅此处的参考

您的 CSS 应更改如下：

{ 
align-items: center;
display: -webkit-inline-flex; 
overflow: hidden; 
padding: 0px; 
-webkit-padding-start: 1px; 
}
于 2014-01-14T01:15:56.087 回答
0

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

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

于 2013-09-24T09:36:00.447 回答