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