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

angular-material - 如何在Angular Material datepicker中动态突出显示月份?

我找不到 Angular Material Calendar 突出显示月份的选定月份的文档。我想显示突出显示月份(3 个月)的日历,这些月份值来自后端数据响应。并且当用户能够将另一个月份自动更改为 3 个月时。

例如,当我点击六月时,接下来的两个月七月和八月应该选择如下图所示。

在此处输入图像描述

0 投票
0 回答
321 浏览

html - 与 mat-date-range-input 一起使用时,即使设置了错误,mat-error 也不会显示

我有以下日期范围选择器:

即使控件有错误,并且在调试时,hasError 返回 true,mat-error 也不会显示。当我把它放在表单域之外时,它确实会显示出来,但这当然不是我想要的。知道为什么会这样吗?

0 投票
0 回答
189 浏览

angular - 如何在全球范围内更改 mat-datepicker 的输出?

您好,在我的 Angular 材质应用程序中,我正在使用带有时刻日期适配器的 mat-datepicker。我需要将选定的日期值保留为 ISO 字符串 (2020-08-14T00:00:00.000Z),但我不能简单地将属性绑定到使用 ngModel ([(ngModel)]="selectedDate") 的日期选择器,因为当我使用这个,日期选择器在选择日期之后用时刻对象填充 selectedDate。对于 ISO 字符串,我必须在每个 mat-datepicker 上使用 [ngModel]="selectedDate" (dateChange)="selectedDate = $event.value.toISOString()"。有什么方法可以全局设置,以便日期选择器自动返回一个 ISO 字符串,我可以简单地使用 [(ngModel)]?

谢谢你的帮助。

0 投票
0 回答
588 浏览

angular - Mat Datepicker 最小日期验证不起作用

当我尝试动态设置日期选择器的值时,我使用了带有反应形式的 mat-datepicker 并遇到了一个问题。

我已在以下 URL 中复制了该问题,

https://stackblitz.com/edit/angular-mxqsdy-7bfebs?file=app%2Fdatepicker-min-max-example.ts

请检查并让我知道您的宝贵建议。

提前致谢

0 投票
0 回答
61 浏览

angular - Angular MatDatepicker - 如何在两个日期选择器之间进行“从到”验证?

我有两个字段是日期选择器。第一个表示 FROM 日期期间,第二个表示 TO 日期期间。我为此使用 Angular MatDatepickers。如何验证用户不能选择大于 TO 日期的 FROM 日期?

0 投票
0 回答
111 浏览

angular - 同一模块 mat-datepicker 中输入的单独日期格式

我想在我的角度应用程序中为同一模块中的 2 个不同组件的两个不同输入设置单独的日期格式我尝试创建自定义适配器 [根据答案 https://stackoverflow.com/questions/44452966/angular-2-material- 2-datepicker-date-format/53884733] 但它将格式应用于所有输入。我想要两种不同的格式。对于一个我想显示日期,而另一个只有一个月。我似乎没有找到任何解决方案来做到这一点。

我想要的是一种输入格式应该是 2020 年 9 月 2 日,而另一种输入格式应该是 2020 年 9 月

0 投票
1 回答
281 浏览

angular - 角度:MatDateRangeInput 过滤器

我已经实现了 Angular Material Date 选择器,并希望过滤可以选择的日期。所以我希望用户选择一个日期,然后只能在开始日期后 21 天或更短的时间内进行。

我正在考虑有两个日期字段,但客户想要日期范围的外观。

但似乎 dateRange 没有过滤功能。我将如何处理这个问题?

0 投票
1 回答
840 浏览

angular - Angular - 当用户在 mat-date-range-picker 中选择日期范围时如何触发函数?

当用户在 MatDateRangePicker 中选择日期范围时,我正在尝试运行一个函数。 https://material.angular.io/components/datepicker/api

这是stackblitz https://stackblitz.com/edit/angular-gxbc8x?file=src/app/date-range-picker-overview-example.html

但是没有任何反应,选择日期范围时不会触发任何事件。当用户选择日期范围时,如何附加 hello() 函数?

0 投票
2 回答
1764 浏览

angular - 如何将日期格式自定义为 'YYYY-MM-DD HH:mm:ss'?

以 'YYYY-MM-DD HH:mm:ss' 格式返回 Moment 对象而不是 Date 值

我尝试了以下但得到时刻对象而不是日期。我搜索了很多,但没有一个给我解决方案。

我在 @Component 装饰器中提供了格式

课堂内=>

0 投票
2 回答
935 浏览

angular - 动态设置 matdatepicker 字段中的日期值影响反应形式中的另一个 matDatePicker 字段日期

我的反应表单中有两个 matDatePicker 控件(声明日期和开始日期)我已经根据声明日期字段值和月数动态设置开始日期字段的值。

ts文件

动态更新开始日期值也会影响语句日期 matDatePicker 和值。 在此处输入图像描述

在此处输入图像描述

堆栈闪电战

请帮我解决这个问题。

提前致谢。