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

typescript - Angular Material Datepicker 输入格式

使用日期选择器选择日期时,一切正常,以所需格式显示日期:DD/MM/YYYY

但是当手动输入带有格式DD/MM/YYYY的日期时,日期选择器会自动将日期更改为MM/DD/YYYY,将第一个值检测DD为月份。

如何使手动输入被检测为DD/MM/YYYY,而不是MM/DD/YYYY

谢谢!

0 投票
1 回答
1454 浏览

angular - 如何在 matDatepicker 中为表单控件转换纪元格式

我有一个 date_of_birth 字段,其中保存了一个纪元字符串。我想使用角度材料日期选择器来更改日期,这可以通过将其转换为

在将其存储到数据库之前,但是当尝试在日期选择中将其显示为默认日期时,我不太确定如何还原它。

这是我目前的代码

当我尝试添加

我会收到一个错误,因为它无法读取该值,它也无法通过添加从纪元转换它的函数来接受我试图做的任何事情。

getDate(date)函数_

我应该如何处理这个问题,以便我可以输入日期以将 date_of_birth 值显示为默认值?

0 投票
1 回答
754 浏览

angular - 如何在材料日期选择器上显示更改日期

我有这个日历,我想显示用户先前输入日期的默认值。但是,当我尝试更改日期时,它不显示任何值。新日期仍然可以保存,所以我很好奇如何修复数据更改的显示。

这是供参考的代码

在我的 .ts 上

0 投票
1 回答
3797 浏览

angular - 尝试打开没有关联输入的 MatDatepicker

我已经定义了这个 MatDatePicker:

在我看来,我已经正确绑定了引用,但是当点击日期选择器时它没有打开,它给了我以下错误:

错误:尝试打开没有关联输入的 MatDatepicker。在 MatDatepicker.push../node_modules/@angular/material/esm5/datepicker.es5.js.MatDatepicker.open

0 投票
1 回答
1915 浏览

angular-material - 提交表单时如何在Angular Material日期选择器中设置自定义(dd-mm-yyyy)日期值

当我在 Angular Material 日期选择器中设置值时,它会显示我想要的正确日期格式,例如 dd-mm-yyyy 但是当我提交表单时,它会显示整个日期对象,例如 - Mon Oct 07 2019 00:00:00 GMT+0530(印度标准时间)我希望它是 dd-mm-yyyy

我尝试将 MAT_DATE_FORMATS 与 MatDateFormats 一起使用,但它只在前端显示它,而不是在提交时格式化它

1.. 这是我的日期格式化程序 -

在为我的表单中的所有日期选择器控件提交 dd-mm-yyyy 格式的表单时,我需要日期格式

0 投票
1 回答
232 浏览

javascript - 有什么方法可以填充 mat-datepicker 和 mat-calendar 中的空白工作日单元格(上个月和下个月)

我正在设置一个日历来帮助用户选择日期,但我想在第一周开始时用上个月和下个月填充空单元格

我正在使用来自 Angular Material的Datepicker 。

hrer 是一个图片链接,解释更多: https ://i.imgur.com/cCDSBsH.png

0 投票
1 回答
1928 浏览

mat-datepicker - 如何在 mat-datepicker 中仅显示当前年份

我正在使用角度材料日期选择器。但是在那个日期选择器中,我只想显示当前年份..知道该怎么做吗?

您可以参考提供的链接
https://material.angular.io/components/datepicker/overview

0 投票
1 回答
350 浏览

angular - Angular 8:mat-datepicker 的问题。我尝试使用 [startAt] 禁止选择今天之前的日期

我有两个 Angular 8 形式的日期选择器。我想禁用您使用表格之前的日期。但我没有找到解决方案。默认情况下,选择的日期是今天的日期,但我仍然可以选择过去的日期。

在 create-project.component.html 中:

在 ts 中:

谢谢你的帮助

0 投票
3 回答
3050 浏览

angular - 防止 mat-datepicker 关闭日期选择

我有一个要求,用户可以在 datepicker 中选择多个日期,但是在每次选择日期后 mat-datepicker 关闭,我想防止 mat-datepicker 关闭日期选择并在我们单击 datepicker 外部或日历图标时关闭 datepicker .

日期选择器

closed在 mat-datepicker 上尝试了事件,但日期选择器在每个日期选择上闪烁,而且当我们在日期选择器外部单击时它不会关闭。

这是我尝试过的:

html代码:

打字稿代码:

0 投票
2 回答
15709 浏览

angular - Material datePicker(Angular)中的多个日期选择

我要求用户可以在日期选择器中选择多个日期。如何在 Angular Material 日期选择器中实现多个日期选择功能?

日期选择器

我通过dateClass尝试了这个。但是,在每次选择日期后,日期选择器将被关闭。

这是我尝试过的

HTML 代码:

打字稿代码: