问题标签 [angular-daterangepicker]

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 回答
36 浏览

angular - Angular 新的日期范围过滤器错误?

角 10

我正在尝试将 Angular 日期范围过滤器的 startDate 和 endDate 都设置回 null,但似乎在将 startDate 设置为 null 时,endDate 会自动注入以前的值。

在下图中,this.selectedTimeFrame.startDate.endDate开始都为空,但运行后this.filterGroup.get('startDate').setValue(null),endDate 不再为空。

有人可以解释吗?或者指出我是否做错了什么。

0 投票
1 回答
272 浏览

html - 日期范围选择器位置错误

我试图在组件内调用 mat date-range-picker calendar,这意味着我有一个组件菜单,从菜单组件调用组件离开,并且在菜单组件中我有 mat date range picker calendar。现在日历的位置,当我调用离开组件时,必须在菜单组件之后,因为这就是我在 HTML 代码中编写的方式。但日历显示在左上角。请帮忙。我尝试将其添加到 css 文件中。但对我没有用。

@import '../../../../../../node_modules/@angular/material/prebuilt-themes/indigo-pink.css';

0 投票
1 回答
37 浏览

angular - Angular Material DateRangePicker 更改左上角日期格式

谁知道如何更改下图中的格式

在此处输入图像描述

我的AppDateAdapter

0 投票
1 回答
414 浏览

angular - 错误:意外值“node_modules/ngx-mat-daterange-picker/ngx-mat-daterange-picker.d.ts 中的 NgxMatDrpModule”

在使用 Angular 7 应用程序时,在使用构建时遇到以下错误 ng build --configuration=dev

正如在异常中看到的那样,NgxMatDrpModule 前面有一个单引号。尝试删除 node_modules、package-lock.json 并重新安装节点模块,但仍然无法解决问题。有人可以帮忙吗?

环境:

错误:模块导入的意外值“node_modules/ngx-mat-daterange-picker/ngx-mat-daterange-picker.d.ts 中的 NgxMatDrpModule”。请添加 @NgModule 注释。node_modules/ngx-mat-daterange-picker/node_modules/@angular/cdk/coercion/array.d.ts(10,60): 错误 TS1005: ',' 预期。node_modules/ngx-mat-daterange-picker/node_modules/@angular/cdk/coercion/array.d.ts(10,61): 错误 TS1005: ',' 预期。node_modules/ngx-mat-daterange-picker/node_modules/@angular/cdk/coercion/array.d.ts(10,75): error TS1144: '{' or ';' 预期的。node_modules/ngx-mat-daterange-picker/node_modules/@angular/cdk/coercion/array.d.ts(10,77):错误 TS1011:元素访问表达式应该带一个参数。

0 投票
2 回答
46 浏览

angular - 如何将“索引”添加到 Angular Material Datepicker 过滤器

所以我必须进行相当复杂的过滤(我设法做到了),但现在我几乎被卡住了,我必须对更多的日期选择器使用相同的过滤器(或至少相同的逻辑)(值得一提日期选择器的数量是动态生成的),但是每个日期选择器都有不同的日期必须过滤。

(顺便说一句,我在 Material 表中有这些日期选择器,我有每一行的索引,因此我可以从后端检索该日期选择器的过滤日期)

我以为我可以这样做:

其中“i”是 Mat Table 的行索引

在我这样做的组件中:

但它并没有真正起作用。

有任何想法吗?

0 投票
2 回答
366 浏览

angular - Angular Material Date Range 日期过滤器不起作用。获取 '(date: Date) => boolean' 不可分配给类型 'DateFilterFn' 错误

下面是我的日期范围组件 Html

对于 [dateFilter]="rangeFilter" 我在我的组件中添加了以下函数

我的 package.json 文件是

但我得到的错误是'(date: Date) => boolean' is notassignable to type 'DateFilterFn'

我尽我所能。但是得到这个错误。需要您的宝贵建议。

0 投票
0 回答
42 浏览

angular - Angular 2+ 的具有多个范围(比较)的 DateRange 选择器

我正在寻找一个适用于 Angular 2+ 的日期范围选择器,它与我找到的这个 Vue 组件类似。我已经搜索和搜索,但我无法找到任何东西。如果有人知道某事,我将永远感激不尽!我觉得它一定存在于外面的某个地方!

Vue 日期范围选择器,我想为 Angular 找到类似的东西

0 投票
1 回答
46 浏览

angular - 如何以角度动态删除 MAT_DATE_RANGE_SELECTION_STRATEGY

我正在尝试使用自定义 MAT_DATE_RANGE_SELECTION_STRATEGY 以角度实现日期选择器。它允许用户选择 14 天的范围。

日期范围选择器

使用下面的代码(直接取自角度文档)来实现自定义策略

并将其注入到组件中,如下所示。

但是,当用户选择允许自定义日期范围复选框(如上图所示)时,我希望禁用自定义策略并允许用户选择任何日期范围。

我怎样才能实现这个功能?我假设,我们需要从组件中动态删除以下内容以允许选择任何日期。但是我不知道该怎么做。

请帮忙。

0 投票
0 回答
42 浏览

angular - 具有动态日期的活动日期选择器日期,从后端提供

弗里德的。我有一个带有材料日期选择器的简单 Angular 应用程序。在这个应用程序中,一些数据从后端提供。现在我喜欢根据后端动态数据(哪个日期有数据)来激活日期选择器日期。以下链接部分解决了我的问题,但没有完全解决问题。

https://stackoverflow.com/questions/55987412/angular5-how-to-highlight-certain-dates-in-mat-datepicker 在此处输入图像描述

上面的链接通过激活 2 个硬编码的特定日期来解决问题,但我希望它应该是动态活动的所有日期,该日期有数据进入后端。

希望有经验的人能解决这个问题并帮助我成功完成我的项目。

0 投票
0 回答
56 浏览

angular - 单击关闭按钮时无法设置未定义的属性-角度材料日期

我正在尝试清除日期字段,用户必须手动输入日期。我正在使用角度日期材料。

这是我的错误

这是我的html代码。

这是我的 ts 代码。

}

实际上我得到了错误*ngIf="element.firstPatientInDate"

在控制台中我可以看到 FPID

在此处输入图像描述

请让我知道我在这里做错了什么。