Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/image-processing/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Kendo ui 是否可以设置剑道日期选择器的对齐方式';相对于文本框,剑道网格中的s下拉日历_Kendo Ui_Kendo Grid_Kendo Datepicker - Fatal编程技术网

Kendo ui 是否可以设置剑道日期选择器的对齐方式';相对于文本框,剑道网格中的s下拉日历

Kendo ui 是否可以设置剑道日期选择器的对齐方式';相对于文本框,剑道网格中的s下拉日历,kendo-ui,kendo-grid,kendo-datepicker,Kendo Ui,Kendo Grid,Kendo Datepicker,当数据类型为Date时,剑道网格使用剑道日期选择器,该列具有下拉日历 日期选择器的下拉日历通常与输入框的左边缘对齐。如果没有足够的空间,它会移到左边,但不够。当网格中最右边的列是日期,并且网格占据了屏幕上可用宽度的100%时,就会出现问题:下拉日历中的“星期六”列被“截断”。见附图 是否可以告诉日历下拉列表(针对特定列)将自身与文本输入的右边缘对齐 我知道那只虫子。datepicker动画容器隐藏在右滚动条下。如果将body overflow设置为hidden,则不会有滚动条,日历将适合并触摸屏

当数据类型为Date时,剑道网格使用剑道日期选择器,该列具有下拉日历

日期选择器的下拉日历通常与输入框的左边缘对齐。如果没有足够的空间,它会移到左边,但不够。当网格中最右边的列是日期,并且网格占据了屏幕上可用宽度的100%时,就会出现问题:下拉日历中的“星期六”列被“截断”。见附图

是否可以告诉日历下拉列表(针对特定列)将自身与文本输入的右边缘对齐


我知道那只虫子。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
   }
  }
});
运行示例: