问题标签 [mat-datepicker]

在我的项目中，我添加了材质角度

和html代码如下matDatepicker

在 .ts 页面上

导入 { MatDatepickerModule, MatNativeDateModule ,MatFormFieldModule ,MatInputModule ,MatButtonModule } from '@angular/material';

但日历出现在页面底部，而不是弹出文本框旁边。

我有一个表格，我在其中发送日期，而在 API 中收到它的时间晚了一天。

这是我的html模板：

这是我在 component.ts 中调用服务方法的方法：

这是我的 service.ts

我怎样才能在不落后一天的情况下发送日期？

通过将此添加到 .ts 文件并向按钮添加属性，我可以显示（按钮、输入文本）但无法显示 mat-date-range-picker-calendar。

这是我的日期选择器 HTML。


我选择日期，它抛出了这个我不明白为什么的错误。

因此，我尝试在我的 Ionic 5 应用程序中的 2 个不同页面中使用 Angular 的 MatDatePicker，并希望它们以不同的 CSS 显示。

这是第一页的屏幕截图，它使用了正确的 CSS。

如果我切换到另一个站点，它仍然使用第一页的 CSS。 第二页显示不正确的屏幕截图。

当我使用 ionic serve 在浏览器中打开应用程序并重新加载页面时，它使用正确的 CSS 并正确显示。问题显然是，我不能只是在移动设备上重新加载页面，因为它是一个应用程序。（+如果有效的话会很不方便）

我导入了 MatDatePicker 2 次（在每个站点的相应模块中）。也许这是个问题？

我的第一页的 HTML 正确显示：

我的第一页的CSS：

我的第二页的 HTML 显示不正确：

我的第二页的CSS：

如您所见，我在第一页中禁用了 MatDatePicker 的几乎所有内容，但希望它显示在我的第二页中。

我希望你能帮助我，因为这是我的第一个 ionic 应用程序，它应该是我们学校的应用程序，所以老师和其他学生可以在他们的移动设备上看到他们的时间表和其他东西。

链接到完整项目（带有德语函数名称和注释）：https ://github.com/Ponynjaa/KlaTab

我正在尝试根据年龄验证显示文本字段，如果年龄小于 18 岁，那么只有垫输入字段（应该出现测试框）

这是我当前的代码

目前我可以设置 datepicker 来选择从 1900 到前一天的日期

这是我的 TS

请找到Stackblitz网址

我正在尝试删除标签应该在的额外空间（绿色部分）

这似乎是日期选择器的 CSS，现在问题来了：

我在 .css 文件中添加了这个，但它似乎没有做任何事情。

是的，当我尝试修改其他内容时，CSS 文件已链接到 html 文件。

任何想法为什么？

编辑：我正在使用 Angular Material 日期选择器

这是 HTML

我想从 JSON 输出 mat-datepicker 的输入字段中的日期。当我运行输出时，我总是得到当前年份。我正在使用 ReactiveForms。我究竟做错了什么？

我的代码：

当我选择日期时，日期选择器显示前一天。

{provide: MAT_DATE_LOCALE, useValue: 'fa-IR'}

如果我选择 10 它显示 9 ...任何人都可以帮助我！

我在页面上的 2 个地方有我的 mat-datepicker。当我点击一个地方时，它会在一个相反的地方打开。我该如何解决？我有 2 个带有 mat-datepicker 的不同组件，但它的打开方式不同。也许问题是我在一个组件中模仿点击？但为什么它打开不同的一个？这是代码

在此处打开：（child.components.html）

点击这里：（parent.component.html）

Onchange 事件像这样打开日历：