html - 日期范围选择器位置错误
问题描述
我试图在组件内调用 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"
frommat-date-range-input
元素。这是我在您的代码中看到的唯一奇怪的东西。如果它不起作用,您可以尝试清理您的 css 文件并重新构建它。它可能是从另一个更高级别的 css 继承的位置。
推荐阅读
- windows - 如何用 AHK 判断一个 Window 在屏幕上是否可见?
- python - 编写视图以允许用户为客户添加相关数据,例如评论;在单个页面上
- android - 如何避免Android模块之间的循环依赖?
- c++ - 操作可变参数模板参数列表
- html - 使用 Flex 将四个按钮居中到 div 中
- java - 如何使用单个 JFrame 并基于 Action Listener 显示多个 JPanel?
- react-native - 如何使用 jest 模拟调用实用程序函数?
- php - 为什么我的 php json_encode 在 alamofire 中不能用 .responseJSON 序列化?
- excel - 如何在 Excel 中的水平栏中显示数据集?
- python-3.x - 为什么在我的模型 init() 上发生 OOM?