Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 使用jquery mobile for mobile web应用程序的表单中的两个日期字段_Jquery Ui_Jquery Mobile_Mobile Website - Fatal编程技术网

Jquery ui 使用jquery mobile for mobile web应用程序的表单中的两个日期字段

Jquery ui 使用jquery mobile for mobile web应用程序的表单中的两个日期字段,jquery-ui,jquery-mobile,mobile-website,Jquery Ui,Jquery Mobile,Mobile Website,我想在移动web应用程序的表单中添加两个日期字段。根据第一个日历上选择的日期,设置第二个日历中的最小日期范围。 我正在使用jquery mobile,但它没有提供创建日期字段的直接方法。 我找到了两个选项来创建它: jqueryui的日期选择器 日期框 哪一个更好?这将帮助我设置日期范围,轻松更改日历的css?jQuery mobile本身不支持任何日期弹出窗口。在该链接中已明确指出 在css中,wise“”不会提供选项,但它会提供许多选项,如禁用月份的某些日期,突出显示月份的日期,如wise。

我想在移动web应用程序的表单中添加两个日期字段。根据第一个日历上选择的日期,设置第二个日历中的最小日期范围。 我正在使用jquery mobile,但它没有提供创建日期字段的直接方法。 我找到了两个选项来创建它: jqueryui的日期选择器 日期框
哪一个更好?这将帮助我设置日期范围,轻松更改日历的css?

jQuery mobile本身不支持任何日期弹出窗口。在该链接中已明确指出


在css中,wise“”不会提供选项,但它会提供许多选项,如禁用月份的某些日期,突出显示月份的日期,如wise。如果您需要css更改,只需覆盖属性,您就不必做太多更改,因为它会不断重复日期的css。

首先不要将jQuery Mobile数据选择器用于jQuery Mobile,它缺乏jQuery Mobile所需的响应能力

谢天谢地,有一些第三方解决方案是专门为jQuery Mobile开发的

-

-

-

如果您想找到更多关于jQuery移动日期选择器的信息,请看一下这个


Mobiscroll是其中最好的,不幸的是,它也是一个商业应用程序,或者如果您想使用我的JSFIDLE示例中的版本,Mobiscroll当时仍然是免费的。它提供了与本机相似的外观。

在jQuery Mobile 1.5之前,我不会建议使用它,目前它是由jQuery UI日期选择器构建的,您将无法获得任何支持。如果一切顺利,jquerymobile1.5应该重做。
$(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"
    });
});
<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true, "dateFormat": "mm/dd/YYYY"}'/>