问题标签 [ngb-datepicker]

我在我的角度项目中使用了一个固定的标题和滚动正文表。我在表格单元格中添加了ngbDatePicker，一旦我点击日期选择器，它就会显示在表格正文滚动中。它应该出来并正确显示。我有一个添加溢出的解决方案：继承；到表体，但在这种情况下，表体滚动消失了。我也想要表体滚动。

这是堆栈闪电战演示链接https://stackblitz.com/edit/angular-ivy-1em9jj。提前致谢。

问题图像

图 1

图 2

这可能是我一段时间以来处理的最令人沮丧的问题之一。一般来说，日期，特别是 NgbDatepicker 在 Angular 中处理起来有点麻烦。

我正在针对 Angular 8 中的反应式表单实现 NgbDatepicker，我的问题的要点是我可以设置日期控件的初始值，但该初始值不会（视觉上）显示在表单上。我可以将表单记录到控制台并看到值正在设置，但表单字段本身不会更新。如果我从选择器本身中选择一个日期，那么我的选择会反映在表单字段中。我曾认为这就像设置[startDate]ngbDatepicker 输入的属性一样简单，但显然不是。我已经尝试了很多不同的迭代；这就是代码方面的情况：

我的 HTML：

我的组件的相关位：

上面的 HTML 驻留在该 CertForm 类型指定的 formGroup 中。该表单包含日期控件，并且（部分）看起来像这样：

从那里我确实设置了自定义解析器/格式化程序，它看起来就像 NGB 示例页面上指定的那样：

而且，这似乎不会让我用可见的启动值启动那个日期字段。如您所见，此时我只是硬编码该开始日期的返回值。并且该日期确实设置正确 - 当您打开选择器时，它就是它登陆的日期，但是当您登陆页面时它实际上并没有显示在显示字段中。在您实际选择一个值之前，这只是空白。

我尝试了很多不同的想法组合，但没有任何效果。这令人难以置信的沮丧。我看到这个问题的变体/片段确实已经存在，但是我找不到使用这种技术组合提出的问题的示例。大多数人在使用 NgbDatepicker 时似乎都依赖模板化表单，而不是响应式表单。

我找不到 Angular 7 的任何 DateTime 选择器。所以我决定结合 Date Picker 和 Time Picker

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

https://ng-bootstrap.github.io/#/components/timepicker

这是我到目前为止所拥有的

现在如何在createdStartDate文本框中显示选定的日期和时间？

我正在使用NgbDatepicker

它可以ngAfterViewInit()像这样完成：

但是有没有办法navigateTo()在其他功能上使用？

我有一个扩展 NgbDatepickerKeyboardService 的自定义服务，我需要在processKey方法中获取一个 ElementRef 到 datepicker。主要思想是获取 ElementRef 并从该参考中查询，试图找到第二天的 div（我需要检查 div 是否有一个类）。

我真的被困在这里，我希望你能帮助我。

我有以下问题：我有一个带有日期的反应式表单，使用 ngBootstrap datePicker，并且我正在使用 NgbDateNativeAdapter，因此我的 datepicker 都可以使用本机日期。我想要的只是预设值，就像我使用任何其他表单值一样。

在模板中：

在组件中：

因为我在 app.modules.ts 中使用它

所有的日期选择器都整齐地取出原生 Date 对象。我只是似乎无法预设值。

我试过这个进行测试：

它似乎可以与 [ngModel] 一起使用，但不幸的是，我的日期选择器是更大表单的一部分（这是一个最小的示例），如果我可以设置日期，我将不胜感激。

我现在已经阅读了相当多的 SO 页面，许多问题看起来很相似，但它们通常不使用反应形式或 NgbDateNativeAdapter 提供程序。

是否可以使用本地日期设置日期。也许我必须以某种方式修补一些参考资料，我的知识还没有那么先进。

如果有人能给我一个提示，我会很高兴的。

如何在 ngb-datepicker 中使用响应式表单并将表单控制值（例如 2018）设置为唯一的年份选择器？

我使用了下面的链接代码，但无法在年份选择器中设置/选择值。

请参阅此链接：https ://stackblitz.com/edit/angular-year-datepicker-ng-bootstrap-8ag1xe

我正在尝试通过单击将样式应用于输入。当我按下它时，我需要在字段周围有一个橙色框，如果我使用焦点，那么它会被使用一会儿，然后在它移动到日历字段时消失。我以这种方式解决了这个问题。

我怎样才能让它更容易？

1. 我正在使用ngb-datepicker，如果没有设置初始值或预定义值，它工作正常，但是当尝试使用它时 formControlName或带有现有预定义值的[(ngModel)]预定义或初始值未设置在 redenied看法。将其想象为使用预填充值编辑表单或记录的场景。其他带有文本和数字的表单控件按预期工作。
2. 我正在使用NgbStruct模型，但仍然无法正常工作。
3. 我尝试并调试了代码，值在patchValue方法中以 NgbStruct 的格式分配给表单控件， 但在渲染视图中看不到
4. 我尝试在 ng-bootstrap 提供的 stack blitz 示例中实现类似的场景，它在那里工作正常

包.json 文件

app.module.ts

demo.component.ts

demo.component.html

日期选择器适配器.ts

嗨，我想消除单击按钮后显示的蓝色边框，我已经尝试使用

但似乎没有任何效果，我已经用这种方法改变了雪佛龙的颜色，所以我将我的 css 放在正确的位置（组件本身）

复制链接：https ://stackblitz.com/edit/angular-er2bdu?file=src%2Fapp%2Fdatepicker-popup.css