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

angular - Angular mat-datepicker 奇怪的行为

我有以下用于 datepicker 的 HTML 代码:

我需要获取日期,然后将其插入 PGSQL 数据库。我有以下代码来检索它:

“+1”是因为默认选择的日期是选择前一天,我不知道为什么..但是如果我选择 2020 年 5 月 1 日,结果value是:2020-4-31

你有什么想法来检索正确的选定日期吗?

谢谢

0 投票
1 回答
2168 浏览

angular - 如何在角度的mat日期选择器中设置日期格式

我有一个表单,它包含一个表单控件作为日期选择器和一个垫子日期选择器。当我使用日期纠察队选择日期时,表单控件正在使用日期类。我需要将其转换为字符串。请在此 html 代码中帮助我:

当我选择一个日期时,它应该转换为 11-05-2020(dd-mm-yyyy) 用于提交时的表单控件。请帮助我

编辑:

我已经添加了提供程序,但它仍然无法正常工作。

0 投票
1 回答
1261 浏览

angular - 日期选择器和时间选择器验证

我有一个事件,它有开始日期和时间、结束日期和时间。我使用了角度材料日期选择器和 NGX 时间选择器。我只对日期选择器进行了验证,因此我如何根据条件提供验证。

0 投票
2 回答
1124 浏览

angular - Angular 8:如何使用 [min] 日期验证将 formcontrol 值修补到 mat-datepicker 并且 formcontrol 日期值小于 [min] 日期?

如何使用 [min] 日期验证将 formcontrol 值修补到 mat-datepicker 并且 formcontrol 日期小于 [min] 日期?

这里是html

这里是reactive form

我想禁用过去的日期,matdatepicker所以我添加了 [min] 验证。但我也想修补过去的日期。有没有其他方法可以禁用日期或修补过去的日期?

0 投票
1 回答
143 浏览

angular - mat-datepicker UI 停止正常工作

突然 mat-datepicker 停止正常工作。用户界面坏了。我尝试更新 @angular/material 和 @angular/cdk 没有成功。

在此处输入图像描述

模板

知道为什么会这样吗?

0 投票
1 回答
19 浏览

angular - 材料日期选择器格式更改 W/O 时刻

有没有一种方法可以格式化 mat datepicker,而无需使用几乎无处不在的常用时刻/时刻适配器方法。这将是我们应用程序中的一个小众用例(仅限一次),我宁愿不为其添加依赖项。

我想实现限制(用户应该只能选择年份/此功能很容易实现/)并仅显示年份。我们使用反应形式,所以没有 ngModel 绑定!

谢谢!

0 投票
1 回答
29 浏览

angular - 如何让值提供者以角度读取更新的值

我有一个人们登录的应用程序。在他们的个人资料中,他们可以选择自己的输入和输出日期格式。为了适应这一点,我制作了一个 customDatePicker 组件。在 @componet 装饰器内的值提供程序中,我使用了一个 MY_FORMATS 变量,它告诉 matdatePicker 如何格式化日期。解析 dateInput 和显示 dateInput 来自我的应用程序内的环境变量。

问题是当应用程序初始化并使用我的环境变量中的默认日期时,@component 被命中。用户登录后是使用用户数据更新环境变量中的日期格式的时间。但是@component 从不查看更新的数据。

我能做些什么来解决这个问题?此外,用户有可能在登录时更改他们选择的日期格式,我也需要该组件来注册该更改。但我似乎无法让 @component 装饰器中的值提供者再次查看日期格式变量。

谢谢你的帮助。如果您决定回答这个问题,请您给出详细的解释。我是编码新手,一些模糊的东西可能对我没有帮助。

0 投票
1 回答
697 浏览

angular - Angular Material Datepicker 不会显示在页面中

我正在尝试将 Angular Material 日期选择器添加到页面。我一直在关注官方文档的示例,但我的页面中没有显示任何内容。

里面app.component.html有:

在 中app.component.ts,我有:

这是我的app.module.ts

有人可以告诉我我做错了什么吗?

0 投票
1 回答
5926 浏览

javascript - @angular-material-components/datetime-picker - '@angular/material/datepicker"' 没有导出成员 'DateRange'

我正在使用角度材料 9.2.0。我 @angular-material-components/datetime-picker为 dateTimePicker 安装了。

运行时出现此错误ng build --prod

在此处输入图像描述

0 投票
1 回答
1871 浏览

html - 如何在Angular Material datepicker中突出显示自定义月份和年份?

我有很多天,可以是任何一年。我正在尝试自定义 Angular Material datepicker 以突出显示月份选择视图中的某些月份,以及基于天数的年份选择视图中的某些年份。

.html

.ts

我想要实现的是在年视图中突出显示 2019 年和 2020 年如果选择了 2019 年,则突出显示 JAN 月,如果选择了 2020 年,则在红色边框中突出显示 MAY 和 AUG ,当前月份和年份除外,如下所示图片。

月份突出显示 年份突出显示

这可能吗?

我搜索了很多并尝试使用 dateClass,(yearSelected)事件等,但它不适用于 Months 和 Years .. 如果有人知道,如何做到这一点,请帮助..

仅供参考 - https://stackblitz.com/edit/angular-date-class-filter-aactjv 这是我发现将自定义设计设置为日期视图的那个..但我希望对年和月视图进行类似的实现..谢谢进步..