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

html - ngbDatepicker 设置当前月份和年份下拉菜单

在我的 Angular 应用程序中,我使用了一个名为 ngbDatePicker 的日期选择器。似乎它有一个错误,因为默认选择的月份和年份下拉列表不正确。请看下面的截图:

ngb 日期选择器

如您所见,所选月份是 1 月,年份是 2011 年,但今天是 2021 年 5 月。但如果我检查该值是正确的,只是下拉列表不正确。为了进一步参考,这是我使用 ngbDatePicker 的代码:

编辑:这是组件的代码:

0 投票
1 回答
39 浏览

javascript - 如何在 Angular 8 中提供字符串作为 Ngbdatepicker 的输入

我们在我们的应用程序中使用 ngbDatePicker。从后端获取日期作为字符串,ngbDatePicker 使用{year: Value, month: Value, day: Value}

这里registerDate值以字符串形式出现。

它不读取字符串格式,我怎么让它可以被 ngbDatepicker 读取。

0 投票
1 回答
96 浏览

angular - ngb-datepicler 中更改事件的更改日期

我在这里有来自 ngb-datepicker 的范围选择弹出窗口。我从后端得到了初始日期,它工作正常。但是当我更新日期时它在输入字段中没有改变。如何解决此错误?

我添加了 TS 文件,这与给定的 exmaple 相同。但我认为 ts 文件没有问题。

0 投票
0 回答
19 浏览

angular - Moment js为不同的时区提供不同的日期

我正在使用 Angular ngbDatepicker,我有一个如下角代码类,它将从休息服务中获取数据。

在 Info 类中获取响应数据后,我将在组件类中使用 moment.js 来解析并为日期选择器赋值。

这里的问题是,我在某些时区少了一天,当我从 IST 时区示例(27-05-2021)创建记录并在 EST 时区查看相同的记录时,日期值更改为(26- 05-2021)

如果有任何其他替代方法可以将休息服务响应中的日期值分配给 ngbDatepicker 而不使用时刻 js,请建议我

0 投票
0 回答
220 浏览

angular - 如何使用 ngb 日期选择器将日期值设置为 ngModel

我正在为我的角度项目使用 ngb 日期选择器。当前日期选择器运行良好,并且日期传递给组件。这是我的html

这是我提交的对象。目前我的日期显示为年、月、日。请检查下面的图片 数据

但我需要像 checkdata:2021-06-31 一样(没有年、月、日的单行)。我使用以下技术对其进行了格式化。前任:

但我需要知道是否有任何选项可以轻松地做到这一点,使用 ngb 插件选项?

0 投票
0 回答
173 浏览

angular - ng-bootstrap Datepicker 默认导航年份为当前日期前 10 年

我相信默认行为是将年份导航默认为当前年份,其中 10 年前作为最小日期,10 年前作为最大日期。我的日期选择器默认为 Mindate 年份,这意味着它应该向用户显示 2021 年,但它向用户显示 2011 年。我不明白我哪里出错了,因为我的代码紧跟 ng-bootstrap 上的示例地点。

在此处输入图像描述

这是我的代码。

-- HTML

0 投票
0 回答
55 浏览

angular - 如何禁用 ngb-datepicker 中除“星期一”之外的所有日期?

我想在 ngb-datepicker 中禁用除 'Mondays' 或 'Fridays' 等之外的所有日子?

'<input [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker" [markDisabled]="isDisabled"/>'

'this.isDisabled = (date: NgbDate) =>(date.day) !== 1;'

0 投票
1 回答
69 浏览

angular - 带有 ngbDatepicker 的 Angular 动态表单导致冻结

我正在用 Angular 构建一个动态表单。一切正常,直到我尝试动态生成 ngbDatePicker 输入并且页面完全冻结。

有谁知道动态插入 ngbDatepicker 时导致页面挂起的原因?

提前致谢。

动态form.component.html:

表单详细信息row.component.html:

服务.ts:

0 投票
1 回答
32 浏览

angular - 我得到 getdate is not a function in ngbdatepicker in typescript

下面是获取开始日期和结束日期之间的日期范围的代码,但是当返回数组时 getDate不是函数错误得到控制台

我在这里错过了什么吗?

0 投票
2 回答
416 浏览

angular - Angular Bootstrap Datepicker 不绑定

我正在尝试使用日期选择器,但它似乎没有显示在输入控件中。数据会正确返回,因为我可以将其传输到屏幕上并查看它。

角度版本:“@angular/core”:“~11.2.11”
引导版本:“@ng-bootstrap/ng-bootstrap”:“^10.0.0”,“bootstrap”:“^4.6.0”

返回的数据(日期):

“2020-10-21T09:39:04.357”

我想只输出月、日和年。

即使我返回一个也不显示的“2016-05-10”字符串。

如果我从日历中选择一个日期,它会正确更新我的模型。它显示为:

{ “年”:2021,“月”:8,“日”:12 }

我尝试声明一个变量并绑定到该变量,但它也不起作用。我的变量是: