Mobiscroll Datepicker Kendo UI Mobile答案

【问题标题】：Mobiscroll Datepicker Kendo UI MobileMobiscroll Datepicker Kendo UI Mobile
【发布时间】：2013-01-15 11:16:26
【问题描述】：

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

开发环境。 - (Telerik Cloud IDE) Icenium Graphite v1.1 - 剑道 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'
        });    
    });

【问题讨论】：

标签： javascript jquery-mobile telerik kendo-ui mobiscroll

【解决方案1】：

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

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

这将允许 Mobiscroll 工作，但将在未启用 Kendo UI Mobile Scroller 的区域（即 NavBar、TabStrip 和拉伸视图）上启用本机滚动。如果你愿意，你可以单独阻止 touchmove。

【讨论】：