问题标签 [mat-datepicker]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
28 浏览

angular - Angular - 多材料日期选择器

我正在创建一个动态表单,某些字段可能是日期字段。现在我尝试使用 Angular 教程中的默认代码mat-datepicker

这是现在的代码:

这就是我想要的,带有动态 id :

但这不起作用,这是我遇到的错误:

https://i.imgur.com/R3Snrbx.png

提前致谢

0 投票
2 回答
67 浏览

angular - 如何在其他组件中重用为mat datepicker编写的验证方法

在我的组件中,我有 2 个日期选择器,并且有开始日期和结束日期验证。此方法检查开始日期是否早于结束日期。此验证将适用于所有日期选择器。如何在其他组件中重用验证,而不是在其他组件中一次又一次地编写相同的逻辑。

搜索订单.ts

searchOrder.html

0 投票
2 回答
422 浏览

angular - 将 mat-datepicker 转换为字符串

我正在尝试一种反应形式,其中用户使用 mat-datepicker 输入了一些日期。我面临的问题是 mat-datepicker 的输出是一个包含日期的时刻对象。我想获取字符串中的日期(例如:“YYYY-MM-DD”)而不是对象。

目前,我的表单组件的 html 模板如下所示:

而且,我的组件看起来像这样:

提前致谢!

0 投票
0 回答
25 浏览

angular - mat-datePicker 角度 11

当我添加 mat-datepicker 时为工作订单创建编辑页面页面变为空:(

这是我的 ts 代码:

这是HTML:

这就是结果:[![在此处输入图像描述][1]][1] [1]:https://i.stack.imgur.com/DksVy.png

当我删除日期选择器表单字段时,其他字段正常工作

0 投票
0 回答
44 浏览

angular - matDatepicker 。matDatepickerFilter -> 在日期字段中输入 oldDate 后无法选择日期

我有一个条件应该允许选择必须大于等于 startDate 的 endDate。(输入可以来自日历下拉菜单或手动输入)。

这里的问题是每当我尝试输入在 startDate 之前的 endDate 时,它​​会抛出错误(如上所述具有字段验证)然后我尝试从日历下拉列表中选择 endDate,我看到日历中的所有日期都下降-down 被禁用。我想从日历中选择日期,即使我在 startDate 之前输入了 endDate 而没有禁用日历日期。

在此处输入图像描述

提前致谢。

.html

.ts

0 投票
1 回答
57 浏览

html - 无法绑定到“matDatePicker”,因为它不是“输入”的属性,尽管导入了所有内容

我正在尝试将一个非常基本的日期选择器集成到我的 Angular 项目中。Angular CLI 版本是 6.2.9。

我的 HTML 直接取自 Angular 文档。

这返回了一个错误说

无法绑定到“matDatepicker”,因为它不是“输入”的已知属性

快速搜索后,我发现这个问题告诉我要包含一些导入,我确实将以下内容添加到我的 TS 代码的最顶部。

尽管如此,我仍继续收到完全相同的错误消息。我是否忘记了 TS 文件中的其他内容?我必须在我的“出口课程”之后加入一些东西吗?还是这种类型的操作与我的 Angular 版本不兼容?任何帮助表示赞赏。

0 投票
0 回答
166 浏览

angular - 仅角度 mat-date-range-picker 月视图

是否可以仅在月视图中选择范围?

例如 在此处输入图像描述

0 投票
1 回答
370 浏览

angular - 角材料禁用月份

我正在将我的 Angular 项目用于 Angular 材料年月选择器。任何人都知道如何仅显示年份作为选择。

堆栈闪电战在这里

.html

.ts

0 投票
1 回答
148 浏览

angular - 如何在 mat-datepicker 的标题中隐藏年份切换

在此处输入图像描述

我使用了这个 CSS,但它没有用。

0 投票
1 回答
738 浏览

angular - 如何在 Angular 材料中为 Mat Date Range Picker 设置值

我这样定义形式

并想像这样从 ts 文件中设置值

我如何转换为 miladi 是这样的

我有日历适配器

我尝试设置值,但我的日期范围选择器在角度反应形式的 patchValue 或 setValue 之后为空。有人可以帮我从 ts 文件中设置 mat 日期范围选择器的值吗?