用于jQuery mobile（Android）的日期选择器

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

日期框

莫比斯罗

摩比镐

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

---

另外，我听说有些手机（Android）的mobiscroll不工作？

那怎么办？

根据我的经验，你应该在MobiPick和mobiscroll之间进行选择

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

工作JSFIDLE示例：

莫比克 如果您对它的UI外观感到满意，我会选择Mobi而不是Mobiscroll。如果您不想使用Mobiscroll

工作JSFIDLE示例：

更多信息

---

根据我的经验，您可以在Mobi Pick和Mobiscroll之间选择详细的概述和示例

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

工作JSFIDLE示例：

莫比克 如果您对它的UI外观感到满意，我会选择Mobi而不是Mobiscroll。如果您不想使用Mobiscroll

工作JSFIDLE示例：

更多信息

---

详细的概述和示例可以在这里找到，我为我的项目选择了Datebox——MobiPick很好看，但没有日历。Datebox还有一些非常好的国际化选项。就功能而言，Datebox的操作模式比这里提出的其他东西（持续时间、日历、幻灯片、自定义模式）多得多。

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

我致力于将jquery ui datepicker更新到jquery、jqueryui和jquery mobile的最新版本，以便用于jq1.9.1 jqui 1.10.2和jqm 1.3.0

下面是我如何为移动设备更新实验性jqueryui日期选择器的：

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

readonly道具可防止键盘出现在ios上

这只是对datepicker的一个调整，使其能够在jqm上工作，目标是能够覆盖datepicker小部件的_generatehtml函数，并能够将jquery移动主题作为输入使用。因此，您不需要一大堆addClass并避免不必要的DOM操作

我只测试了ios 6（iphone、ipad）和桌面（chrome、firefox、safari），让我们了解其他测试

希望它能帮上大忙：）

更新：

• Jquery mobile 1.4.0 alpha 2
• Jquery 2.0.3
• Jqueryui 1.10.3

---

它考虑到了jquery mobile 1.4.0的变化，需要更少的dom操作

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

下面是我如何为移动设备更新实验性jqueryui日期选择器的：

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

readonly道具可防止键盘出现在ios上

这只是对datepicker的一个调整，使其能够在jqm上工作，目标是能够覆盖datepicker小部件的_generatehtml函数，并能够将jquery移动主题作为输入使用。因此，您不需要一大堆addClass并避免不必要的DOM操作

我只测试了ios 6（iphone、ipad）和桌面（chrome、firefox、safari），让我们了解其他测试

希望它能帮上大忙：）

更新：

• Jquery mobile 1.4.0 alpha 2
• Jquery 2.0.3
• Jqueryui 1.10.3

---

它考虑到了jquery mobile 1.4.0的变化，需要稍微少一点dom操作

我需要在弹出窗口中使用。我需要在弹出窗口中使用。Mobi Scroll非常棒，有一些轻微的css调整，非常适合我的需要，谢谢。Mobi Scroll非常棒，还有一些轻微的css调整，非常适合我的需要，谢谢。

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

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

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