适用于jQuery mobile(Android)的Datepicker

Question

好的,我之前已经问过这个问题,但是哪个日期选择器最适合jQuery mobile(适用于Android？)

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

Mobiscroll http://mobiscroll.com/

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

Datebox和Mobiscroll看起来更成熟,但mobi选择对我来说感觉更快.

另外我听说有些手机(Android)哪些mobiscroll不起作用？

Answer 1

根据我的经验,你应该选择Mobi Pick和Mobiscroll.

Datebox

我在我之前的Android手机(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

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"
    });  
});

Mobipick

如果你对它的UI外观感到满意,我会选择Mobi Pick over Mobiscroll.如果您不使用Mobiscroll.

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

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

更多信息

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