无法编辑 Mat DatePicker 范围内的值。角 12

Posted

技术标签:

【中文标题】无法编辑 Mat DatePicker 范围内的值。角 12【英文标题】:Can't edit values on MatDatePicker range. Angular 12 【发布时间】:2021-12-15 08:58:27 【问题描述】:

我已经使用 MatDatePicker 实现了一个日期范围选择器,如文档 https://material.angular.io/components/datepicker/examples 中所述,它工作得很好,但如果我想编辑我选择的值似乎很难选择一个新的范围。

https://stackblitz.com/edit/angular-ivy-sslmeg?embed=1&file=src/app/app.component.html

它只允许我更改一个日期,将第二个日期设置为默认值01/01/1970

【问题讨论】:

【参考方案1】:

Stackblitz

在输入选择器中删除(dateChange)="dateConverter($event)" 后,它工作正常。

【讨论】:

是的,我使用该转换器将日期值存储在 javascript 日期对象而不是时刻日期对象中。我猜现在我会在 onSubmit 方法中这样做。谢谢@AlexYu

以上是关于无法编辑 Mat DatePicker 范围内的值。角 12的主要内容,如果未能解决你的问题,请参考以下文章

mat-datepicker 作为 ag-grid 弹出窗口的单元格编辑器显示为空白

使用 jQuery 的 datepicker 突出显示特定范围内的日期

mat-datepicker 反应式表单在表单重置时设置默认值

mat datepicker angular6中的周选择

mat-datepicker 上的多种 dateInput 格式

如果超出范围,防止 jQuery UI datepicker 更改文本字段的值