jquery - 适用于jQuery mobile(Android)的Datepicker

好的，我知道之前已经有人问过这个问题，但是哪个日期选择器最适合jQuery mobile（适用于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？

最佳答案

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

日期框

我在以前的Android手机（银河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

Mobiscroll具有更多选择和外观。它可以更好地集成到jQM中，并且具有更好的响应UI，不幸的是，它在2.X安卓手机上存在性能问题（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"
    });
});

更多信息

详细的概述和示例可以在here中找到。

MobiScroll

jquery - 适用于jQuery mobile(Android)的Datepicker