Question

我想在移动网络应用程序中的表单中添加两个日期字段。根据在第一个日历上选择的日期，设置第二个日历中的最小日期范围。我正在使用jquery mobile，但它没有提供创建日期字段的直接方法。我找到了两个选项来创建它： Jquery UI的Datepicker http://dev.jtsage.com/日期框哪一个会更好，这将帮助我设置日期范围，轻松改变日历的CSS？

Answer 1

jQuery mobile它的自我不支持任何日期弹出窗口，已在此链接中明确说明Jquery mobile datepicker。

在css中明智的'http://dev.jtsage.com/'不会给你选项，但它会提供许多选项，例如禁用一些月份的日期，突出显示月份的日期。如果你需要css更改，只需覆盖属性，你就不必改变很多，因为它不断重复CSS的日期。

Answer 2

首先不要为jQuery Mobile使用jQuery Mobile数据选择器，它缺乏jQuery Mobile所需的响应能力。

值得庆幸的是，有一些专门针对jQuery Mobile的第三方解决方案。

Mobiscroll - 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 - http://jsfiddle.net/Gajotres/zyVjE/

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

Datebox - http://jsfiddle.net/Gajotres/ktbcP/

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

如果您想了解更多有关jQuery Mobile日期选择器的信息，请查看 article 。

Mobiscroll 是最好的，不幸的是它也是一个商业应用程序，或者如果你想使用我的jsFiddle示例中的版本，那时 Mobiscroll 仍然是自由。它提供原生的皮肤和感觉皮肤。

使用jquery mobile进行移动Web应用程序的表单中的两个日期字段

2 个答案: