问题标签 [ngb-datepicker]

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 投票
2 回答
5343 浏览

angular - 即使没有选择任何值,如何在表单中标记 ngbDatepicker 有效

我在 Angular2 项目的响应式表单中使用 ng-bootstrap 的 ngbDatepicker,日期是可选的,但是 ngbDatepicker 始终将表单标记为无效,除非选择了日期。

有没有办法从表单验证中排除 ngbDatepicker,或者对其进行配置以使其返回 Valid 是否设置了值?

0 投票
1 回答
1179 浏览

angular - 如何将 API 中的日期绑定到 formGroup 中的 ng-bootstrap Datepicker

请在下面找到我的问题。

我正在使用 Angular 5 formGroup 和 ngbDatepicker 进行日期输入。日期选择器适用于新表单,请告诉我如何通过 formGroup 和 formControlName 将日期绑定到日期选择器。

Angular 和 Bootstrap 的版本:Angular:5 Bootstrap:4

0 投票
0 回答
1180 浏览

angular2-template - ngFor 循环中的多个 ngbDatepicker

我有一个从REST API. 用户应该能够操作数据。问题是当显示多行时(即data1 数组的长度大于1),所有#ds 输入元素中的日期都是相同的。所有#de 输入元素也是如此。我检查了名为data1的数组中的数据,并且没有重复的日期,所以问题出在html中。由于不使用的输入元素ngbDatepicker工作正常,问题与ngbDatePicker某种方式有关,但我不知道如何解决。

此图说明了问题: 显示相同的日期,即使最上面的数据行包含开始日期 1900-01-01 和结束日期 2018-02-11

0 投票
2 回答
5091 浏览

angular - Angular bootstrap ngbdatepicker 删除(更改)方法,所以有没有其他选项可以读取控制器上的模型值

我正在尝试使用 bootstrap ngbdatepicker 我将 datepicker 选择器添加到 appcomponent.html 并且 datepicker 开始在那里显示 现在我需要将该模型值读入控制器,以便我可以将它传递给父 appcomponent 我在 datepicker 上添加(更改)方法但它是从输入中删除该方法,以便我如何读取该值并将其传递给父级。是否有任何其他选项可以在控制器中读取该值并传递给父级

提前致谢

下面是我在这里使用子选择器打开日期选择器的模板我添加了更改方法,但它没有触发日期选择,所以我无法发出事件

父组件:

在此处输入图像描述

0 投票
4 回答
13507 浏览

angular - 试图获取 ngbdatepicker 输入值

我是 angular 4 的初学者,我正在尝试在网站中实现引导程序 ngbdatepicker。

这是我的 HTML 代码:

我尝试使用事件作为 (clic) 或 (blur) 通过使用 getDate(#date.value) 访问我的输入值,但没有任何工作正常。这是我的 getDate 方法,它在浏览器控制台中返回未定义的值。

所以我的两个问题是:

  • 如何获取输入的值以将其保存在我的 .ts 中
  • 我可以使用什么功能来检测我在日期选择器菜单中选择了一个日期并在菜单关闭时保存该值

希望你能帮助我,对不起我的英语不好!

0 投票
0 回答
3012 浏览

angular - ng-bootstrap 的 ngbDatepicker 不起作用

我按照这里提到的解决方案仍然遇到异常

我的 app.module.ts

html

0 投票
1 回答
2080 浏览

angular - 表格中的 ng-Bootstrap Datepicker 弹出窗口未正确显示

我在表格中有一个 ng-bootstrap 日期选择器。该表是网站上清晰布局所必需的。

如果我单击该按钮,则弹出窗口仍会像 table-height 一样显示。我尝试了很多,并且知道我希望有人为我提供解决方案。

Plunker 中的演示

0 投票
2 回答
4201 浏览

angular - 如何在 Angular 2+ 的 ngbDatePicker 中突出显示今天的日期?

我正在使用 Angular 4 应用程序ngbDatePicker。遵循DatePickerHTML。

我们的要求是弹出窗口打开highlight时默认为当前日期。datepicker

如果您对此有任何解决方案,请与我分享。

0 投票
1 回答
721 浏览

ng-bootstrap - ng-bootstrap datepicker formControl minDate maxDate

设置 [minDate] 和 [maxDate] 时,它不仅设置为 datepicker,还设置为 on <input>。我想将 minDate 和/或 maxDate 设置为有效的日期选择器,但问题在于用户手动输入无效日期(大于或小于最小/最大日期)的那一刻。在这个无效输入之后,我想显示红色文本它是一个无效日期,但 datepicker 清除 ngModel 值。有谁知道如何阻止 datepicker 删除日期?

0 投票
1 回答
1932 浏览

angular - 你如何在 ngb-datepicker 中导航?

从 ng-bootstrap(此处)的“弹出窗口中的日期选择器”示例开始,我尝试添加另一个用于日期导航的按钮;但是,我无法让它工作。

任何想法,将不胜感激。