javascript - mvc - kendo demo ui

Mobiscroll Datepicker Kendo UI Mobile

Question

Estoy usando Kendo UI Mobile v2012.3.1114 de kendo mobile framework y el botón de establecer y cancelar mobiscroll no se activan siempre. A veces se dispara pero no siempre. Si uso v2012.2.913 de kendo mobile framework funciona correctamente solo que es lento. Creo que se trata de un problema de CSS, pero no estoy seguro.

Desarrollo Env. - (Telerik Cloud IDE) Icenium Graphite v1.1 - Kendo UI Mobile Framework v2012.3.1114 - Jquery Mobile v1.8.2 - Mobiscroll v2.3.1

Aquí está html y 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 evita touchmove en el nivel de elemento del documento de forma predeterminada para deshabilitar el desplazamiento táctil nativo de la ventana del navegador. Lamentablemente, esto afecta el comportamiento de Mobiscroll. Puede eliminar el evento Kendo UI Mobile después de la aplicación init usando algo como esto:

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

Esto permitirá que Mobiscroll funcione, pero habilitará el desplazamiento nativo en las áreas donde Kendo UI Mobile Scroller no está habilitado (es decir, NavBar, TabStrip y Vistas ampliadas). Puede evitar Touchmove por separado si lo desea.