问题标签 [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 回答
1206 浏览

angular - ngb-datepicker 禁用日期

我一直试图在我的 ngb-datepicker 中禁用周末。我还没有得到想要的输出。请看我的代码:

isDisabled函数正在执行并返回适当的值,但我在日历中看不到禁用的效果。谁能告诉我我的代码有什么问题?提前致谢

0 投票
1 回答
1842 浏览

javascript - ngb-Datepicker中如何通过ngModel更新输入框日期?

我有一个使用 ngb-datepicker 作为日期的输入框。当我试图通过 ngModel 从日期选择器中获取值时,它正在工作。但是当我尝试从函数更新 ngModel 时它不起作用,输入框没有得到更新。请在下面找到代码片段以供参考。

工作 stackblitz 链接是 -工作链接 首先从日历中选择日期,然后在第二天更新模式中的值,但不在输入框中。

0 投票
1 回答
2031 浏览

angular6 - 如何在禁用日期选择的同时允许在 ngbdatepicker 中进行月份导航?

Angular 版本:6
库:ngbbootstrap
库参考链接:
https ://ng-bootstrap.github.io/#/components/datepicker/examples
https://ng-bootstrap.github.io/#/components/datepicker/api

使用上述库显示特定日期,我需要启用日期选择器的月份导航,但禁用日期的选择(单击)。

以下是我呈现日期选择器的代码,其中 in<ng-template>用于自定义日视图:

在这方面的一些帮助会很棒!

0 投票
2 回答
9011 浏览

angular - How to change date format in ngbDatepicker input field in angular bootstrap?

HTML:-

Now when I select some date, it set as YYYY-MM-DD format but I need to change in other format (MM-DD-YYYY or DD-MM-YYY). Check its node_modules folder but didn't git any solution for the same.

I checked the gist https://gist.github.com/nrobinaubertin/61ff1c3db355c74f4e56f485b566ab22 but this didn't set the value in input field as DD-MM-YYYY.

0 投票
2 回答
2809 浏览

angular - 在 Angular 应用程序的 ngb-datepicker (ng Bootstrap) 中获取选定日期的“日”

演示: https ://stackblitz.com/edit/angular-bife8z-px13fl?file=app%2Fdatepicker-basic.html

我已将 Day(Sunday) 添加为静态文本,我希望根据日期选择表单日历对其进行更改。

0 投票
1 回答
4013 浏览

angular - ngb-datepicker 更改工具提示语言

我有一个使用自定义的多语言应用程序NgbDatePickerI18n

一切正常,但是当我将鼠标悬停在上/下个月按钮上时,以及选择月份/年份的下拉菜单时,我可以看到一个英文的小工具提示。我想翻译那个。查看了实际代码:https ://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/datepicker/datepicker-navigation.ts#L15和文档https://ng-bootstrap.github。 io/#/components/datepicker/overview#i18n关于国际化,我不太清楚如何实现这一点。我可以看到以下内容:

下一个/上一个按钮标签可以使用标准的 Angular i18n 机制进行翻译。例如,在 ngb.datepicker.previous-month 名称下提取上个月标签。

但就像我说的那样,我找不到一个小例子来说明如何将它集成到我的CustomDatepickerService. 谁能给我一个关于如何实现这一目标的小例子,假设它是可能的?

非常感谢!

0 投票
1 回答
699 浏览

angular6 - ngb-datepicker 是否有 onHidden 事件?如果没有我们如何以角度向自定义组件添加事件?

我正在使用来自此来源的日期选择器:https ://ng-bootstrap.github.io/#/components/datepicker/api

我想检查 ngb-datepicker 是否已关闭,因为我需要更改触发它的按钮的文本。

模板:

ts:

ngx-bootstrap datepick 有这个,但似乎 ngb-datepicker 没有实现这个功能。有人可以帮我创建一个解决方法,这样我就不必为此使用 ngx-bootstrap 了吗?我已经添加了一些样式,所以...

谢谢 :)

0 投票
5 回答
10438 浏览

angular - ngbDatepicker 设置值

在我的 Angular 应用程序模板驱动表单中,我有一个出生日期字段,并为给定的字段添加了 ngbDatepicker。

我正在获取后端 API 的出生日期,dob: "2019-02-16 00:00:00"并且我想像下面这样传递该值,

因为 ngbDatepicker 以该格式获取值。这就是我试图转换我的出生日期的原因。

输出是{year: "2019", month: "02", day: "16"},我想从此输出中删除引号。我已经尝试了很多方法,但无法获得所需的输出。我可以{"year": 2019, "month": 02, "day": 16}使用下面的代码得到这个输出。

但是要设置日期,我需要像这样设置对象。{year: 2019, month: 2, day: 26 }

0 投票
1 回答
8727 浏览

angular - 如何在 Angular 上使用 ngbDatePicker 插件禁用过去的日期

我在 Angular 中使用 ngbDatePicker 插件,我已经尝试了 html 中的所有 javascript 代码,但没有任何效果。Pastdate 仍然启用以选中。

这是html代码

0 投票
3 回答
4312 浏览

angular - 如何从 ngbdatepicker 角度禁用现有日期

我有数组现有数据。从 ngbdatepicker 选择日期时如何禁用现有数据?

这是我过去日期的禁用代码

这是我现有日期数组的代码

我感到困惑的是如何从 ngbdatepicker 中的现有日期数组中禁用日期?