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

angular8 - 将值从 @Input 传递到提供的注入令牌

如何将组件 @Input 的值传递给提供的 InjectionToken ?目前我有

想法是使用组件,如:

我目前的解决方案是拥有/复制两个组件,一个带有<a-datetime-with-useutc-true另一个<a-datetime-with-useutc-false,然后我<a-datetime决定在哪里显示哪个ngIf*

我正在寻找更优雅的解决方案。谁能指出我正确的方向?

0 投票
1 回答
2069 浏览

angular - 在角度材料 DatePicker 中突出显示特定月份的特定星期

我在angular material的官网看到了这个例子

https://stackblitz.com/angular/xxjleavorkm?file=src%2Fapp%2Fdatepicker-date-class-example.ts

如何动态选择日期,例如如果我安排了 10 月的会议,从 7 日到 14 日,如何突出显示日期。

api中有一个名为DateRange的类,但是如何在哪里绑定呢?

有示例仅显示角度材料日期范围选择器与输入字段的集成,其中表单控件标记为“开始”和“结束”,这些控件可能采用日期范围的输入,但在我的情况下,我想提供来自的预定义输入后端就像我将有一个开始日期和结束日期,我需要直接在日期范围选择器中设置。

PS 还尝试了土星日期范围选择器,但它令人困惑的是要添加更多的模块和依赖项。

一个stackblitz的例子将不胜感激..!!

0 投票
1 回答
506 浏览

angular - Angular (10) 材质 touchUi datepicker - 不能选择任何东西

早上好,

我最近将一个相当旧的 Angular 项目从 ~6 更新到了 10。在我必须修复它的所有其他部分之后,我只剩下无法再次工作的材料日期选择器。

简而言之:它有效,它出现了,我可以轻弹月份并点击年份下拉菜单,但主要内容区域内的任何内容,我都无法点击(日期和年份)。好吧,我可以点击,但什么也没做。没有控制台输出。

我的基本日期选择器包装组件:

示例用法:

打开选择器工作:

日期选择器输入元素

显示选择器:

打开选择器

疯狂地点击日期什么也没做:

日期选择

显示年份选择:

显示年份

疯狂地点击一年什么也没做:

年份选择

月份切换工作正常:

月份切换

最后的细节,相关的包:

哦,我想也有用的是证明设置细节(在app.module.ts提供者中):

并且还在某处或其他地方进口MatNativeDateModule......

编辑:发现最初的原因是过滤器。它不喜欢过滤器。取下过滤器,我可以再次选择日期和事物。没有多大帮助,但这是一个开始。过滤器正在工作 - 可以看到过滤日期,但不允许对其进行选择。

这是上面的过滤器:

0 投票
0 回答
94 浏览

html - 提供唯一 ID \ 名称时出现材料日期选择器错误

作为*ngFor循环的一部分,我想提供一个独特的idor name,但得到一个错误:You provided 'undefined' where a stream was expected

这是我的 HTML 代码。

我也尝试了以下但得到同样的错误。

0 投票
0 回答
266 浏览

javascript - 使用角度材料 Datepicker 时面临的问题

我正在尝试使用角度材料网站上的基本日期选择器。

但是当我单击 datepicker 时出现以下错误

但是当在堆栈闪电战中尝试相同的代码时,它可以工作。此外,我正在从“@angular/material/datepicker”导入和导出 { MatDatepickerModule };在模块中。这没用。

各位能不能给点建议

0 投票
0 回答
55 浏览

angular - 禁用日期选择器中的文本字段。只需要使用日历图标。我怎样才能禁用文本字段

我需要禁用 datetimepicker 中的 matIput 字段,并且只使用日历图标作为输入,但是当我使用 disabled = true 时,我禁用了所有内容,我无法选择日期和时间;<mat-form-field class="date line"> <input matInput type="datetime-local" formControlName="dateDebut" [value]="date"> </mat-form-field>

0 投票
1 回答
179 浏览

angular-material - Angular Material DateTimePicker 在输入中显示错误的格式

我想为我的输入字段自定义它,我可以单独做,但是当我把它们放在一起时它不起作用。

我想要格式化的第一件事是将日历从周日到周一设置为一周的第一天,我设法使用自定义适配器来做到这一点:

第二个是像这样格式化日期时间:2021-04-21 8:00,它适用于以下代码:

问题是如果我一起使用它们,日期时间格式会切换回 2021/04/21 并且时间丢失,虽然日历从星期一开始,这很好,但格式不是。在我使用自定义日历格式后,我无法弄清楚为什么日期时间格式不起作用。有任何想法吗?

0 投票
0 回答
31 浏览

angular-material - 当日期选择器关闭时,角度材料日期选择器关闭抽屉/滑出组件

怎么了:

  1. 我打开抽屉/滑出,我看到我的输入和日期选择器
  2. 单击日期选择器并选择一个日期
  3. 日期选择器关闭,我的带有日期选择器的抽屉/滑轨也会关闭

如果我重新打开幻灯片,价值仍然存在。但是,在我选择一个日期后,我需要除日期选择器之外的所有东西保持打开状态。是否有一个我找不到的替代方法可以确保一旦日历关闭,其他所有内容都保持打开状态?

代码!

Task.html(滑出/抽屉):

日期选择器.html

日期选择器.ts

提前致谢!

0 投票
1 回答
357 浏览

css - 如何在点击日期删除焦点边框

我需要在我的应用程序中添加一个日期,所以我这样做:

问题是我不知道如何删除图像中的这个焦点: 在此处输入图像描述

在我的 style.css 中,我这样做:

问题可能是我导入的一些规则。任何人都可以帮助删除我在图像中看到的组件中的焦点黄色?

0 投票
1 回答
532 浏览

angular-material - 如何使用 Angular 材料 v12 显示周数

我正在使用 Angular 材料日期选择器。 https://material.angular.io/components/datepicker/

有没有办法显示这个日期选择器的周数?