问题标签 [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 投票
1 回答
478 浏览

angular - 循环中的 mat-datepicker 问题

我正在学习 angularjs 并且对它很陌生。我正在尝试以下列方式使用 ngFor 在 GUI 上创建 5 个 mat-datepicker 组件(经过大量在线搜索)

但是,这似乎不起作用(意思是,当我单击日历图标时日历没有打开)并且抛出了一些异常。

页面加载错误: 在此处输入图像描述

当单击日历图标时,我收到以下错误: 在此处输入图像描述

loanDetails这是ts文件中my的结构

所有其他“支付”monthlyPay等都遵循与oneTimePay

请帮助我了解哪里出了问题。

0 投票
2 回答
36 浏览

angular - 如何在输入部分设置默认日期?

(.ts 文件)

这个模板驱动的“表单”如何在 dom 输入部分设置今天的日期?我必须在这里使用[(ngModel)]。

0 投票
1 回答
60 浏览

angular - 如何使用 GET 在 mat-date-picker 中输出 JSON 的内容?

我已经编写了一个 mat-date-picker,并希望从我的 JSON 中输出来自 accountingYearStart 的值。我写了以下代码:

0 投票
1 回答
442 浏览

angular - Angular Material Datepicker - full month name

In my project, I am using mat-datepicker. By manual, I installed "moment" and "@angular/material-moment-adapter". To app.module.ts I added:

now in pickers input I am getting the date in the format

but I need the date to be displayed in the format

What else do I need to add to do this?

I can't find a manual that explains how to set custom formats in object

0 投票
1 回答
1937 浏览

angular - 来自反应形式的日期选择器的Angular 6格式日期

我正在尝试将 Angular 6 与反应形式一起使用,并格式化从日期选择器获取的日期值,这些日期值将传递到下一阶段。

在我使用响应式表单转换日期格式的示例代码中,当我第一次从 datepicker 中选择日期时它正在工作。但是,当我之后编辑其他输入字段时,之前输入的日期值返回到 Moment 对象,并且只有最后选择的日期格式正确。

预期结果(示例):

实际结果:

TS代码:

HTML:

请建议。

0 投票
0 回答
44 浏览

angular - matDatePicker - 单击时未选择日期

我在我的 HTML 中添加了 matDatePicker。

在 app.module.ts

在网页上,日历框打开,但是当我尝试从日历框中选择日期时,日历悬停时出现手势,但点击时未获取日期。我想知道我缺少什么模块。

0 投票
1 回答
1036 浏览

angular - mat-datepicker 反应式表单在表单重置时设置默认值

我有一个使用 Material 的 Angular Reactive Form,我在其中使用两个 mat-datepickers 设置日期范围。我在创建表单时设置了默认的最小日期和最大日期,一切正常。

我的问题是,当用户重置表单时,我想再次在表单中设置我的默认日期,以进行另一个查询。我试图通过从变量中获取默认的最小和最大日期并使用 setValue 来做到这一点,但是默认日期没有像在 ngOnInit 中那样显示在 datepickers 中。当我登录到控制台时,值正在表单控件中设置。为什么它们不像在 ngOnInit 上那样出现?

HTML:

打字稿 ngOnInit:

重置方法,在打字稿中:

0 投票
0 回答
200 浏览

angular - 如何在 mat-datepicker 中使用 GET 在输入字段中显示保存的日期?

我开发了一个 mat-datepicker。我可以选择一个日期并将其保存在后端。如何在输入字段中显示保存的日期?

我的代码:

0 投票
2 回答
1154 浏览

angular - Angular Material Date Picker Range,但只选择年份和月份

我很难找到一种方法来使用只有年和月的 mat-date-range-picker ......你们已经找到了一种方法吗?:)

我尝试使用日期选择器文档中使用的相同功能,但我找不到为第二个日期重新启动弹出窗口的方法......

提前感谢所有\o/

0 投票
0 回答
51 浏览

javascript - 是否可以将 mat-datepicker 日期字段设为可选?

我使用 Materialmat-datepicker并且需要将 day 值设为可选。对于某些记录,日期是未知的,并且不接受将 1 设置为默认值。相反,我们想让它们为空,因为我们将此日期保留为字符串。Material page上有一个示例,但我无法修改它们以使日期字段可选。

这是该方法的演示

是否可以根据给定的场景修改该控件?