问题标签 [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 回答
953 浏览

angular - 有没有办法知道 mat-datepicker 弹出窗口已关闭,因为单击了日期

我想在 mat-datepicker 弹出窗口关闭时执行一些操作,但前提是用户单击日期(如果弹出窗口通过转义键或背景点击关闭,则不应触发操作)。

我知道有一个@Output('closed') closedStream: EventEmitter<void>但是每次弹出窗口关闭时都会触发。我的想法是检测打开和关闭事件之间是否存在 dateChange 事件,但如果用户单击已选择的日期,则该事件不起作用。

我尝试使用自定义 DateAdapter 来解决这个问题(覆盖sameDatecompareDate返回所选日期的方法总是与当前选择的日期不同),但似乎该mat-month-view组件在发出选择更改之前没有使用 DateAdapter 来比较日期:

不确定这本身是否是一个错误......

有谁知道更简单的方法来了解材料日期选择器弹出窗口是否由于日期选择而关闭?我错过了一些明显的东西吗?

谢谢!

0 投票
0 回答
514 浏览

angular - 如何更改单击按钮上的 mat-datepicker 输入?

当我单击 nextDate 按钮时,我试图将日期属性绑定到 mat-datepicker 的输入。我该怎么做?我正在使用[(ngModel)],但它不起作用。

我的html代码

和我在 ts 中的方法:

0 投票
3 回答
4108 浏览

angular - 根据时区更改 mat-datepicker 选择的日期值

在 ts。我使用 (dateChange)="setToDate($event.value)"来获取选定的日期。

我想将所选日期更改为服务器时区,女巫在 GMT 中。

我已经尝试过 DatePip。

日期选择器在上午 0 点选择了日期。Date pip 不会给出 GMT 时间。

这是一个示例> https://stackblitz.com/edit/material-date-picker-csyldt?embed=1&file=app/app.component.ts

0 投票
2 回答
16441 浏览

angular-material - 如何在 mat-datepicker 上仅选择年份

我正在开发一个角度为 8 的应用程序,其中我有一个仅包含年份编号的输入。我使用过 mat-datepicker,只想选择年份。

此代码首先显示年视图,但是当我选择年时,将打开月视图,然后打开日视图。

那么如何只选择年份,或者在 mat-datepicker 上只显示年份视图?

0 投票
1 回答
399 浏览

angular - *ngFor 问题中的 matDatepicker

不知道如何命名 click 函数,以便它选择哪个 matdatepicker 被点击。现在,每当我更新一个日期时,它也会更新另一个日期。

0 投票
1 回答
1779 浏览

angular - 如何在垫表内进行两种方式绑定垫日期选择器

我正在尝试在垫子桌上展示一名员工的一些细节。我制作的同一张表是可编辑的。除了日期选择器,每个字段都在工作。因为日期选择器值相同(数组中的最后一个元素),因为它正在循环。请帮助在日期选择器中进行双向绑定。

在此处输入图像描述

0 投票
1 回答
897 浏览

angular-material - 在Angular Material Datepicker中更改标题日期格式

在下图中,您可以看到我的日期选择器。它工作得很好,被定义为

所以首先我可以看到年份,然后是月份,然后是图片中的日期选择器。那么在日期选择器中跳回月份选择器的日期格式有点奇怪(2030-06-05T00:00:00+08:00)。有没有办法改变它?

日期选择器

0 投票
1 回答
419 浏览

angular - Angular 中的 Mat 日期选择器自定义值出现错误

我正在研究 Mat 日期选择器自定义值。这是我正在尝试的代码

这是我的 ts 代码。这是我想要的格式 07-JUL-2020

这是我的有效载荷的样子:

得到错误为:

错误类型错误:无法读取未定义的属性“getDate”

0 投票
2 回答
5556 浏览

angular - Angular - 使用 ngx-mask MatDatepicker 和反应形式输入

我想在表单上添加一个反应式表单控件并触发错误:

多个自定义值访问器匹配具有未指定名称属性的表单控件

一切都分开工作,反应式表单验证,掩码或matDatepicker,任何一对组合也可以工作,但三者一起提示错误。

这是我的代码:

在组件.ts

在 component.html 中

我正在使用:

0 投票
3 回答
12653 浏览

angular - 垫日期开始日期结束日期验证角度8

我正在使用 Mat 日期选择器,其中我有开始日期和结束日期,其中我有一个验证,即结束日期不应小于开始日期,例如

如果开始日期是 2020 年 1 月 12 日,则结束日期可以是 2020 年 1 月 12 日或更大,但不能是 2020 年 1 月 11 日。

目前我正在尝试使用 Min MAX 但这没有按预期工作

我在谷歌中尝试,所以没有正确