问题标签 [ngb-datepicker]

我正在尝试将模板驱动的验证添加到也是一个ngbDatePicker.

在这里，#arrivalDate在输入中使用了 2 次，1 次用于验证，1 次用于 datepicker。

但它抛出以下错误：

有什么方法可以让我完成这项工作，我可以在其中弹出日期选择器并需要对其进行验证？

我有一个带有自定义 dayTemplate 的 NgbDatepicker 页面来自定义样式并显示有关每一天的一些其他信息：

它看起来不错，但速度非常慢，几分钟后页面开始冻结！

我对 Angular 7 和 NgBootstrap 还很陌生，我可以做些什么来提高组件的性能？

似乎 NgbDatepicker 使用日期选择器在每次迭代后重绘所有内容，也将鼠标悬停在上面。可以禁用此行为吗？

你可以查看stackblitz上的演示，看看我在说什么。不知道为什么，但是本地慢了10倍（也是运行编译版生产模式）。我console.log(calendarColor[0]);在第 110 行放了一个以显示我正在谈论的迭代，并且使用这条线它有点慢。还保持 de Chrome Dev 工具在页面上几分钟后关闭页面冻结。

零件：

模板：

我在我的角度应用程序中使用 ngbDatepicker。

这很好用，但我的 Select Year 下拉菜单太长，无法容纳很多年。我正在尝试将滚动应用于此下拉列表，但无法访问此元素。

已尝试访问 ** ngbDatepicker** 参考，但似乎无法获得对此选择元素的参考？

有没有更好的方法来解决它？欢迎提出建议:)

我在一个页面中使用了两个 ngb-datepicker，当然是jalali calendar，并绑定到这两个模型：

用户选择日期后，我有 2个带有 ngb日期结构的 jalali 日期：

现在，我需要计算两个日期之间的差异，并检查 fromDate 是否小于 toDate。

我可以使用（https://github.com/alihoseiny/ngx-persian）或（https://momentjs.com/）并转换这两个日期然后计算，但这不能很好，我认为必须更短解决方案。

我也知道有 NgbDateNativeAdapter 服务（https://ng-bootstrap.github.io/#/components/datepicker/api#NgbDateNativeAdapter），我尝试转换为 javascript 日期，然后计算，但输出与输入相同：

我目前正在阅读有关ng-bootstrap组件国际化的信息。他们的文档对日期选择器说：

由于 2.0.0 发布日期选择器将使用应用程序区域设置（如果存在）来获取工作日和月份名称的翻译。进行翻译的内部服务称为 NgbDatepickerI18n，如有必要，您可以提供自己的实现。

（ng-bootstrap 网站）

查看 Angular i18n 文档，它指出：

如果要导入其他语言的语言环境数据，可以手动进行：

src/app/app.module.ts

（角度网站）

但为什么它对我不起作用？我是否仍然需要自定义实现NgbDatepickerI18n，或者我错过了什么？

这是一个示例游乐场：

https://stackblitz.com/edit/angular-mezpyn?file=app%2Fdatepicker-popup.module.ts

我正在尝试仅禁用用户选择的日期。经过多次试验，我能够这样做，但它正在禁用所有日历。我希望它只禁用选定的日子。

ng-bootstrap 上的当前材料，仅将天数禁用为数字，而不是对象：

https://ng-bootstrap.github.io/#/components/datepicker/overview

打字稿代码：

有什么建议么？

我正在使用 ng-bootstrapngbDate对象。我想将其转换为标准Date对象。你怎么做到这一点？

这是.ts文件的相关部分：

我正在尝试制作一个包含选定日期的数组。我能够在开始/结束日期这样做。现在，我正在尝试为内部日期（开始/结束日期之间的日期）做这件事。为此，我首先构建此功能：

然后，当我尝试使用它时：

我收到此内存消耗错误：

PS: 1- startDate, & endDate 类型为 NgbDate

2-我正在使用 Angular 7/typescript 文件。

提前致谢。

更新：

如果我使用以下功能：

并使用它如下：

我只得到第一个日期（即 this.startDate）

我在一个项目上使用这个数据选择器（范围选择），导航栏中箭头的蓝色不是正确的，我想改变它。我在谷歌和这里搜索，我找不到解决我问题的答案。

我有这个 HTML：

我尝试了所有这些 CSS：

而且我不知道如何更改数据选择器中蓝色箭头的颜色

在安装和配置模块后，尝试将 ngbDatePicker 引入项目。它只是不适用于我目前采用的方法。这是使用 bootstrap 提供的 input[ngbDatepicker] 指令。

我已将其应用于具有上述选择器的输入字段，但出现错误

<input class="form-control" type="text" input[ngbDatepicker]>

实际的期望是至少能以某种方式工作，但是当指令应用于元素时，它只会引发以下错误：

无法在“元素”上执行“setAttribute”：“输入 [ngbdatepicker]”不是有效的属性名称。

除了这个之外，没有提供太多关于如何使用它的文档：https ://ng-bootstrap.github.io/#/components/datepicker/api#NgbInputDatepicker