Kendo ui 是否可以设置剑道日期选择器的对齐方式';相对于文本框,剑道网格中的s下拉日历
当数据类型为Date时,剑道网格使用剑道日期选择器,该列具有下拉日历 日期选择器的下拉日历通常与输入框的左边缘对齐。如果没有足够的空间,它会移到左边,但不够。当网格中最右边的列是日期,并且网格占据了屏幕上可用宽度的100%时,就会出现问题:下拉日历中的“星期六”列被“截断”。见附图 是否可以告诉日历下拉列表(针对特定列)将自身与文本输入的右边缘对齐Kendo ui 是否可以设置剑道日期选择器的对齐方式';相对于文本框,剑道网格中的s下拉日历,kendo-ui,kendo-grid,kendo-datepicker,Kendo Ui,Kendo Grid,Kendo Datepicker,当数据类型为Date时,剑道网格使用剑道日期选择器,该列具有下拉日历 日期选择器的下拉日历通常与输入框的左边缘对齐。如果没有足够的空间,它会移到左边,但不够。当网格中最右边的列是日期,并且网格占据了屏幕上可用宽度的100%时,就会出现问题:下拉日历中的“星期六”列被“截断”。见附图 是否可以告诉日历下拉列表(针对特定列)将自身与文本输入的右边缘对齐 我知道那只虫子。datepicker动画容器隐藏在右滚动条下。如果将body overflow设置为hidden,则不会有滚动条,日历将适合并触摸屏
我知道那只虫子。datepicker动画容器隐藏在右滚动条下。如果将body overflow设置为hidden,则不会有滚动条,日历将适合并触摸屏幕的右边框,如本例所示: 但是,如果无法关闭正文滚动条,则需要手动设置日历位置,如下所示:
$("#piker").kendoDatePicker({
open: function(e) {
//setTimeout to let kendo make k-animation-container element at first open
setTimeout(function(){
var animationContainer = $("#" + e.sender.element.attr("id") + "_dateview").parent();
var left = e.sender.element.offset().left + e.sender.element.closest('.k-datepicker').width() - animationContainer.width();
animationContainer.css('left', left);
});
},
//turnoff the animation to avoid strange visual effects
animation: {
open: {
duration: 0
}
}
});
运行示例: