【问题标题】:Date/Time Picker not showing on Android 4.1.2 app日期/时间选择器未在 Android 4.1.2 应用程序上显示
【发布时间】:2013-05-01 22:28:35
【问题描述】:

我使用 JQuery Mobile 1.3.1 创建了一个具有日期和时间选择器的表单,使用以下代码:

<div data-role="fieldcontain">
    <label for="date">Date</label>
    <input name="date" id="date" placeholder="" value="" type="date" />
</div>
<div data-role="fieldcontain">
    <label for="time">Time</label>
    <input name="time" id="time" placeholder="" value="" type="time" />
</div>

当我在笔记本电脑上使用 chrome 或手机上的 safari 打开网页时,日期和时间选择器会按预期显示,如下所示。

我创建了一个 Android 4.1.2 应用程序,它基本上只是一个 PhoneGap 应用程序,它指向一个包含 JQuery Mobile 代码的 URL。问题是当我启动应用程序时,当我触摸输入框时,日期和时间选择器不会显示在 android 应用程序上,只有键盘出现。

【问题讨论】:

    标签: android cordova jquery-mobile


    【解决方案1】:

    如果 phonegap 使用设备的默认浏览器将 html 加载为应用程序,它可能无法在 android 上运行,因为它不完全支持新的 html5 输入类型“日期”和“时间”。 HTML5 测试证明了它here。您可以看到here iDevices 支持新的 HTML5 日期和时间输入。因此,如果 phonegap 使用内置浏览器或 webview,它可能无法在 android 4.x 及更低版本中完全运行。

    【讨论】:

    • 我发现 android 的 firefox 应用程序支持我正在使用的新 HTML5 类型。我已将 firefox 应用程序设置为手机上的默认浏览器选项(单击链接等会启动 firefox)。当我通过 Firefox 手动访问移动网站时,日期和时间选择器按预期工作。但是,当我启动 phonegap 应用程序时,它不能使用 firefox(尽管我选择它作为默认浏览器),因为我仍然看不到日期和时间选择器。我知道这可能是一个不同的问题,但是有没有办法指定使用什么浏览器应用程序 phonegap 启动?
    • 我的理解是phonegap使用内置的webview类。此类使用内置的 Android 浏览器来呈现其内容。您必须以某种方式覆盖 WebView phonegap 使用的内容,并将其替换为您通过扩展 WebView 类和实现 firefox 的渲染引擎创建的内容。这将是非常困难和不可行的。您最好从头开始创建自己的日期和时间选择器,或者使用附带的 javascript 库。我认为 jQuery 可能包括一个...
    • 我没有意识到 Phonegap 使用默认浏览器来呈现视图。使用 Titanium 会提供更好的解决方案吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-04-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-08-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多