html 如何更改Angular 中的日期选择器弹出窗口的位置

xwbd5t1u 于 2022-12-16 发布在 Angular

关注(0)|答案(3)|浏览(121)

日期选择器弹出窗口需要位于日历下拉列表的一侧，而不是左侧

日期选择器弹出窗口需要朝向日期选择器按钮...即右侧而不是左侧。

3条答案

在日历标签中创建-〉appendTo=“body”

查看文件：

<div class="class-name">
      <input datepicker-popup="...">
</div>

CSS：

.class-name{
  position: relative;
}
.class-name.dropdown-menu {
   left: auto !important;
   right: 0px;
 }

事实证明，我们可以在.ts文件中使用以下代码，其中包含值start和end

@Input() xPosition: DatepickerDropdownPositionX;

在html文件中，我们可以进行如下更改

<mat-datepicker #any_id [xPosition]= "xPosition"></mat-datepicker>.