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

angular - ngb-datepicker 在角度材料输入(matInput)中不起作用

我想在材料 Input 中使用 ngb-datepicker 。我成功地将 datepicker 应用于 mat 输入。但是月份和年份的下拉菜单存在问题。

我尝试了以下代码段:

有没有完美工作的解决方案?

0 投票
1 回答
534 浏览

angular - 是否可以动态更改 ngbDatepicker 格式化程序?

我正在寻找一种基于用户选择在 ngbDatepicker 控件上切换不同日期格式化程序(例如 mm-dd-yyyy / dd-mm-yyyy)的方法。

任何想法/帮助表示赞赏。

0 投票
0 回答
1109 浏览

html - 如何在 for 循环中使用 ngbDatepicker

在表单数组中使用“ngbDatepicker”时出现问题。无法打开日期输入。我认为是因为无法正确调用 toggle() 函数。

我尝试使用此代码创建 toggleDate 函数并调用 toggle()

我也放了

在我的 html 输入日期中,但它不起作用

这是我的 HTML 代码

我在我的页面中使用了多个日期选择器,它运行良好,但是当我将它放入 ngFor 循环并使用索引来定义它的名称和 ID 时,它不起作用。

0 投票
2 回答
2224 浏览

angular - Ngb 日期选择器 minDate 和 maxDate 未按预期工作

我使用 ngbDatePicker 来选择多个日期。

我想禁用当前日期之前的日期。

但是当我使用minDate指令时,只有过去一个月被禁用,而不是今天之前的日期。

模板:

我有堆栈闪电战示例

0 投票
1 回答
145 浏览

angular - 错误:“formControlName 必须与父 formGroup 指令一起使用。” 为了

我有一个日期选择器,其中输入字段和弹出窗口的配置如下所述:https ://ng-bootstrap.github.io/#/components/datepicker/overview

所以我有

1)在模板中完成所有需要的导入标记:

2) 具有处理函数,该函数从 的模型中获取 endDate 值NgbDateStruct,获取其日/月/年并将其放入我的 DTO 以发送到服务器

我不明白,为什么我只有ngbDatepicker在模板中使用时才会收到以下错误,而不是在排除它时:

0 投票
1 回答
589 浏览

angular - 将自动填充斜杠的 Angular 自由文本日期选择器(MM/DD/YYYY)

我在弹出窗口中使用日期选择器(ng-bootstrap),我希望此字段还允许用户手动插入日期(MM/DD/YYYY),但不是要求用户输入斜杠,而是应该自动填充斜杠。

Angular 8 和@ng-bootstrap/ng-bootstrap,我在 keyup 事件上编写了一个处理程序,试图附加斜杠并将值设置为 form,但它不允许我,我尝试删除 form-control 上的验证器,因此验证仅在用户完全输入日期后发生,而不是部分输入。

我在 keyup 事件上创建了处理程序

但在两个输入值12重置为“”(空)后,表单值重置,但组件中的 var 具有 value 12/

我想MM/DD/YYYY在用户输入两个值和四个值示例后自动填充日期字段 () =>的斜线,12即使其成为12/然后用户继续12/20使其成为12/20/用户继续12/20/2019

0 投票
1 回答
2413 浏览

angular - 如何在 ng bootstrap Datepicker 中从周日而不是周一开始日历周?

我想将 ngbDatepicker 设置为周日开始一周,而不是默认的周一开始。

我正在尝试使用weekStartsOn="0"但它没有效果。这是我的html代码

<input ngbDatepicker #d="ngbDatepicker" class="form-control" [minDate]="minDate" [maxDate]="maxDate" [markDisabled]="isDisabled" weekStartsOn="0">

0 投票
0 回答
610 浏览

angular - 将当前日期设置为在 NgbDatepicker 中选择 - Angular

我正在尝试使用以下代码将当前日期设置为在 NgbDatepicker 中选择的日期。(我正在使用反应形式。)

但它给出了以下错误:

ERROR 错误:ExpressionChangedAfterItHasBeenCheckedError:表达式在检查后已更改。以前的值:'is-invalid: null'。当前值:'is-invalid: false'。

如果我执行以下操作,错误就会消失,显然这并不能解决我的问题:

这是html部分:

我究竟做错了什么?另外请建议是否有更好的方法来设置在 NgbDatepicker 中选择的当前日期。

0 投票
3 回答
911 浏览

angular - Angular Bootstrap - ngbDatepicker - 将选定的日期转换为日期对象

在表单中,对于使用角度引导的日期字段 -ngbDatepicker

日期是。 在此处输入图像描述

这里尝试创建一个 Date 对象,来替换员工表单的日期。但是得到一个不同的日期

Thu Jan 02 2020 00:00:00 GMT+0530 (India Standard Time) 选择的日期"2019-12-02"是现在"2020-01-02"

0 投票
0 回答
56 浏览

angular - ngbDatePicker 的表单控件无效

我有以下输入并且可以正常工作以保存

表单控件

来自的值cliente.dataAtivacao是使用此格式的正常日期00/00/0000。它在用户单击编辑时加载。

当我需要更新表单控件的值时会出现此问题,因为该按钮仅在我单击输入并再次设置日期时启用,但我需要更新而不再次单击以设置日期,因为日期已经加载。