javascript - Mobiscroll Datepicker Kendo UI Mobile

Question

我正在使用 kendo 移动框架的 Kendo UI Mobile v2012.3.1114 和 mobiscroll 设置和取消按钮不是每次都触发。有时它会触发但并非总是如此。如果我使用 kendo 移动框架的 v2012.2.913，它可以正常工作，只是速度很慢。我认为这是关于 css 的问题，但我不确定。

开发环境。- (Telerik Cloud IDE) Icenium Graphite v1.1- Kendo UI 移动框架 v2012.3.1114- Jquery Mobile v1.8.2- Mobiscroll v2.3.1

这是 html 和 javascript:

<input type="date" id="datePickerBeginDateExtracted"/>

$(function() {
        $('#datePickerBeginDateExtracted').scroller({
            preset: 'date',
            invalid: { daysOfWeek: [0, 6], daysOfMonth: ['5/1', '12/24', '12/25'] },
            theme: 'sense-ui',
            display: 'modal',
            mode: 'mixed',
            animate: 'swing',
            dateOrder: 'mmD ddyy'
        });    
    });

Answer 1

Kendo UI Mobile 默认阻止 documentElement 级别的触摸移动，以禁用浏览器窗口的 native 触摸滚动。不幸的是，这会影响 Mobiscroll 的行为。您可以在应用程序初始化后使用如下方式删除 Kendo UI Mobile 事件:

$(document.documentElement).off("touchmove");

这将允许 Mobiscroll 工作，但将在未启用 Kendo UI Mobile Scroller 的区域(即 NavBar、TabStrip 和拉伸(stretch) View )启用 native 滚动。如果您愿意，您可以单独阻止它们的触摸移动。