问题标签 [angular-material-datetimepicker]

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 投票
8 回答
79669 浏览

angular - 使用角度 5 设置角度材料 datePicker 的默认值

我正在使用角度材料的日期选择器。我想设置一个默认值,但它没有显示该值。

这是我想要设置为默认值的 .js 代码

0 投票
1 回答
1284 浏览

angular - Angular matDatepicker 语言环境在输入框中输入失败

如果我使用日期选择器,如

并设置一个语言环境,如

如果用户从选择器中选择日期,它会起作用,但如果他在输入框中键入,则日期不会以正确的方式解析。例如:如果用户在框中选择 2018 年 3 月 31 日,则意大利语格式为 dd/mm/yyyy,我们得到“31/03/2018”(没关系),但如果他输入“31/03/2018”,则日期不是validate(但它是一个有效的意大利日期)。如果他输入“03/05/2018”,我们会得到 3 月 5 日而不是 5 月 3 日。是有角度的材料错误还是我犯了一些错误?

我还尝试用“it”代替“it-IT”。

0 投票
1 回答
2752 浏览

angular - Angular 材质日期选择器 (MatDatepicker) 自动完成焦点出日期

我在我的项目中使用 angular material/mat-datepicker 并且每当用户在其中输入一个数字并失去焦点时 - 日期选择器会自动以随机日期完成。

例子

只需进入1并失焦,或进入5/5/20

日期选择器自动添加日期

更新:我也在使用响应式表单,并且正在使用该方法验证输入

我可以禁用这个吗?

0 投票
1 回答
5504 浏览

angular - Angular Material 7 Datepicker:禁用多年视图

我正在使用来自@angular/material ^7.0.0-rc.0 的 MatDatepicker,并且我制作了一个稍微复杂的过滤器,它将时间选择器中的每个可见日期与具有大约 200 或 300 个值的数组的每一天进行比较。每次我将日期选择器切换到多年视图模式时,它都会中断应用程序。

我只想禁用或禁止多年视图模式,只让月模式和年模式工作。

HTML:

我的过滤方法:

我在 A. Material 手册上没有找到任何可以帮助我的东西。希望任何人都可以!

非常感谢!

0 投票
1 回答
1773 浏览

angular - Angular Material MatDatePicker 未显示正确的日期

所以我在表单中使用角度材料日期选择器来获取用户的出生日期。它在大多数情况下都有效,但是当以某种格式手动输入日期时,它不会显示正确的日期。例如,如果我输入2000-01-15并单击离开,它会将输入中的日期更改为 show 1/14/2000,但是如果我输入01/15/2000,它会正确地将输入更改为 display 1/15/2000。此外,如果我只是在输入中输入一年2000,它会将输入更改为 display 12/31/1999

这是日期选择器的 html,不在控制器中对其执行任何逻辑。

如果有人有任何想法或在任何帮助之前遇到过这个问题,将不胜感激。

0 投票
1 回答
52799 浏览

angular - 角度材料日期选择器最小和最大日期验证消息

如何在Angular Material Datepicker中显示最小和最大日期验证错误的验证消息

此处设置了必需的验证。

同样,如果用户键入的日期小于 minDate,我想显示日期应该高于 01/01/2019消息。

我知道如果我们设置 minDate,所有以前的日期都会被禁用。但是在这个应用程序中,我们也允许用户输入日期!因此,当用户输入的日期早于定义的minDate时,我想显示错误消息!

有什么方法可以实现吗?

0 投票
1 回答
1202 浏览

angular - 角材料日期选择器 - 产品中的空白弹出窗口

不知道我错过了什么。当我使用 ng build 和 ng serve 在本地运行它时,这可以正常工作

但是当我转向生产时,它开始表现得像这样。然后我尝试在我的本地使用ng build --prod和复制ng serve --prod。现在我也可以在本地重现该问题。

我想要什么:日期选择器弹出窗口应该以正确的样式出现,并且应该能够选择日期

现在正在做什么:在本地它正在使用 ng build 和 ng serve

问题是什么:在 prod (或使用ng build --prodand ng serve --prod)中,弹出窗口显示为空。请看下图

我尝试过的:经过研究,我发现了一些可以尝试的建议,ng serve --prod --build-optimizer=false也可以通过制作"buildOptimizer": false来尝试angular.json

错误:当我点击日期选择器图标时,我会出现以下错误

请让我知道调试此问题需要更多信息。我正在考虑创建一个 stackblitz,但它似乎在 stackblitz 中工作。

包.json:

html:

在此处输入图像描述

0 投票
2 回答
9713 浏览

javascript - 设置值角度材料日期选择器,来自外部输入

我想设置角度材料日期选择器的值,但是从材料日期选择器输入之外的输入

请参阅此以获取更多信息:angular-material-datepicker

0 投票
1 回答
2017 浏览

angular - 有没有办法将 Angular Material Datepicker day 设置为 1?

我正在尝试仅在 Angular Material Datepicker 中实现月份和年份(基于他们的文档)。我注意到默认情况下,它是当前日期。例如,今天的日期是 2019 年 6 月 13 日,我选择了 2019 年 5 月(月)(年),它返回 2019 年 5 月 13 日。

我现在的想法是将日期默认为 1,这样它将导致 2019 年 5 月 1 日或 2 月 1 日或 3 月 1 日等。我该怎么做?

更新:我已经通过在组件文件中设置这样的值来解决这部分问题

如果我选择了 5 月 31 日并假设当前月份是 6 月并且没有 31 日,我希望它会在 6 月 30 日返回,但会发生什么是 6 月 1 日。这是一个错误吗?

0 投票
1 回答
832 浏览

angular - 为什么在 mat datepicker 的输入中没有填充值?

我有当前模板:

加载组件时发生初始化:

将日期打印到控制台时,我可以在 FormControl 值中看到它。但是当页面加载时,日期不会填充到文本框中?

知道我做错了什么吗?谢谢。