如何解决日期范围选择器位置错误
我试图在组件内部调用 mat date-range-picker calendar,这意味着我有一个组件菜单,从菜单组件调用组件离开,在菜单组件中我有 mat date range picker calendar。 现在日历的位置,当我调用离开组件时必须在菜单组件之后,因为这就是我在 HTML 代码中编写的方式。但日历显示在左上角。 请帮忙。 我尝试将其添加到 css 文件中。但对我不起作用。
@import '../../../../../../node_modules/@angular/material/prebuilt-themes/indigo-pink.css';
<div class ="calendar">
<mat-date-range-input [rangePicker]="picker"
style="display:none">
<input matStartDate matInput placeholder="Start date"/>
<input matEndDate matInput placeholder="End date"/>
</mat-date-range-input>
<mat-date-range-picker #picker [opened]="true"
(closed)="openCalendar(picker)">
</mat-date-range-picker>
</div>
解决方法
尝试从 style="display:none"
元素中删除 mat-date-range-input
。这是我在你的代码中看到的唯一奇怪的东西。如果它不起作用,您可以尝试清理您的 css 文件并重新构建它。它可能是从另一个更高级别的 css 继承位置。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。