1

好的，我知道之前有人问过这个问题，但是哪个日期选择器最适合 jQuery 移动（对于 Android？）

日期框 http://dev.jtsage.com/jQM-DateBox2/

Mobiscroll http://mobiscroll.com/

Mobi Pick http://mobipick.sustainablepace.net/demo.html

Datebox 和 Mobiscroll 看起来更成熟，但 mobi pick 对我来说感觉更快。

我还听说某些手机 (Android) 无法使用 mobiscroll？

4

4 回答 4

5

根据我的经验，您应该在 Mobi Pick 和 Mobiscroll 之间进行选择。

日期框

我在我之前的安卓手机（galaxy S2）上发现了一些 Datebox 渲染问题，除此之外，Datebox 接近 Mobi Pick（性能虎钳 + 配置潜力）。Datebox 和 Mobi Pick 的主要区别在于最终设计。

工作 jsFiddle 示例：http: //jsfiddle.net/Gajotres/ktbcP/

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}'/>

移动卷轴

Mobiscroll 有更多的选择和皮肤。它可以更好地集成到 jQM 中，并且具有更好的响应 UI，不幸的是它在 2.X android 手机上存在性能问题（iPhone 设备没有问题）。

工作 jsFiddle 示例：http: //jsfiddle.net/Gajotres/WDjfR/

$(document).on('pagebeforeshow', '#index', function(){       
    $('#demo').mobiscroll().date({
        invalid: { daysOfWeek: [0, 6], daysOfMonth: ['5/1', '12/24', '12/25'] },
        theme: 'android-ics',
        display: 'inline',
        mode: 'scroller',
        dateOrder: 'dd mm yy',
        dateFormat : "dd-mm-yy"
    });  
});

摩比皮克

如果您对它的 UI 外观感到满意，我会选择 Mobi Pick 而不是 Mobiscroll。如果您不使用 Mobiscroll 代替。

工作 jsFiddle 示例：http: //jsfiddle.net/Gajotres/zyVjE/

$(document).on('pagebeforeshow', '#index', function(){       
    $('#demo').mobipick({
        dateFormat: "MM-dd-yyyy"
    });
});

更多信息

可以在此处找到详细的概述和示例。

于 2012-12-08T17:33:28.723 回答
2

我致力于将 jquery ui datepicker 更新为 jquery 、 jqueryui 和 jquery mobile 的最新版本，因此适用于 jq1.9.1 jqui 1.10.2 和 jqm 1.3.0

这就是我如何更新用于移动设备的实验性 jqueryui datepicker：

js bin 代码片段

您可以链接到 datepicker 脚本而不是整个 jqueryui 包。

readonly 属性防止键盘出现在 ios

它只是 datepicker 的一个调整，使其在 jqm 上工作，目标是能够覆盖 datepicker 小部件的 _generatehtml 函数，并能够作为输入提供 te jquery mobile 主题以使用。所以你不需要那一大堆 addClass 并避免不必要的 DOM 操作

我只测试了 ios 6（iphone、ipad）和桌面（chrome、firefox、safari），请告诉我们其他测试。

希望它可以根据需要提供帮助:)

更新 ：

  • jQuery 移动 1.4.0 阿尔法 2
  • jQuery 2.0.3
  • jQueryui 1.10.3

jsbin jqm 1.4.0

它正在考虑 jquery mobile 1.4.0 的变化，并且需要少一点 dom 操作

于 2013-03-22T10:05:36.983 回答
0

为移动设备设计的jQuery UI Datepicker怎么样？

于 2012-12-07T19:46:47.953 回答
0

我为我的项目选择了 Datebox - MobiPick 看起来不错，但没有日历。Datebox 也有一些非常好的国际化选项。就功能而言，Datebox 的操作模式比这里提出的其他东西（持续时间、日历、幻灯片、自定义模式）要多得多。

于 2012-12-08T19:56:36.093 回答