jQuery mobile(Android)的Datepicker [英] Datepicker for jQuery mobile (Android)

查看:290
本文介绍了jQuery mobile(Android)的Datepicker的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

好的,我知道这个问题已经被问过了,但是哪个日期选择器最适合jQuery手机(适用于Android?)

Okay, I know this question has been asked before, but which date picker is best for jQuery mobile (for Android?)

Datebox
http://dev.jtsage.com/jQM-DateBox2/

Mobiscroll
http://mobiscroll.com/

Mobiscroll http://mobiscroll.com/

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

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

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

Datebox and Mobiscroll look more mature, but mobi pick feels faster to me.

另外我听说有某些手机(Android)在哪里mobiscroll不工作?

Also I heard there were certain phones (Android) where mobiscroll does not work?

推荐答案

从我的经验,你应该选择Mobi Pick和Mobiscroll。

From my experience you should choose between Mobi Pick and Mobiscroll.

我在之前的Android手机(星系S2)中发现了一些Datebox渲染问题, Datebox接近Mobi Pick(性能虎钳+配置潜力)。 Datebox和Mobi Pick之间的主要区别是最终设计。

I found some Datebox rendering problems on my previous android phone (galaxy S2), other then that Datebox is close to Mobi Pick (performance vise + configuration potential). Main difference between Datebox and Mobi Pick is final design.

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

Working jsFiddle example: 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 android手机上有性能问题(iPhone设备没有问题)。

Mobiscroll

Mobiscroll has much more options and skins. It can be much better integrated into jQM and it has much better responsive UI, unfortunately it has performance problems on 2.X android phones (no problem with iPhone devices).

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

Working jsFiddle example: 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



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

Mobipick

I would pick Mobi Pick over Mobiscroll in case you are satisfied with its UI look. If you are not use Mobiscroll instead.

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

Working jsFiddle example: http://jsfiddle.net/Gajotres/zyVjE/

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



更多信息



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

More info

Detailed overview and examples can be found here.

这篇关于jQuery mobile(Android)的Datepicker的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆