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

angular - 如何从 ngb datepicker 中删除年份箭头

当我使用 ngb-datepicker 时,我将 [minDate] 和 [maxDate] 设置为一年。所以用户只能选择一年内的日期。但我想删除显示在年份选择框旁边的箭头。是否可以删除它们?

我的代码:

在此处输入图像描述

0 投票
1 回答
1259 浏览

angular - 以编程方式设置 NgbDatePicker 的日期

我的组件中有两个 NgbDatePicker:

和这个处理程序:

表单模型适用于 ISO 日期。

发生的情况是日历弹出更改是新的日期,但输入字段不会自行更新。问题是什么?

0 投票
1 回答
852 浏览

angular - ng-bootstrap ngbDatepicker 显示为 ng-template 模态

我正在模态中构建一个表单,显示在 ng-template 标记中。 @ng-bootstrap/bootstrapDatepicker 弹出窗口卡在 modal 后面,如下图所示。

在此处输入图像描述

如何将日历弹出窗口推到前面?

下面列出了 Ng Bootstrap 和 Angular 版本:

0 投票
1 回答
700 浏览

javascript - 错误类型错误:当我在角度中添加 ngb datepicker 时,date.equals 不是函数

我在控制台上收到该错误,我不知道如何修复

日期选择器屏幕截图

在此处输入图像描述

0 投票
0 回答
103 浏览

angular - ngbdatepicker 4000 年无法选择和显示

我在我的角度应用程序中使用 ngbDatepicker。我有几个要求。

  1. 在年份选择框中,我需要限制用户选择最多 4000 个年份。同时,我需要无限导航行为,这是 ngbdatepicker 中的默认设置。我尝试了 maxDate 属性,但它正在分离无限导航行为,并一次显示所有年份。

  2. 我需要在 ngbdatepicker 年份选择框中显示当前可见月份的 [-10, +20] 年。默认行为是当前可见月份的 [-10, +10] 年。

这是我尝试过的

0 投票
1 回答
1629 浏览

angular - Angular ngbDatePicker - 当用户从日历中选择日期时做一些事情

目标:当用户从 ngbDatePicker 日历中选择(任何)日期时,我想将 matinput 中的文本颜色重置为黑色。如果他们输入未来的日期,我将其设置为使文本变为红色。如果他们从日历 UI 中选择日期,我希望它变回黑色

问题:我似乎无法检测到用户何时从日历中选择了日期。我不需要知道他们选择的日期,只知道他们选择了一些东西。

ngb 日期选择器

我试过的:html中的以下内容

  • (变化)=

    • 什么都不做
  • (选择)=

    • 似乎什么也没做
  • (点击)=

    • 这仅在我单击 matinput 文本框时注册,而不是在我单击日历时注册

根据 SO 文章:How to detect date selection in ng-bootstrap Datepicker on input field?,如何检测 angular2 中的引导 datetimepicker 更改事件, https://ng-bootstrap.github.io/#/components/datepicker/examples

打字稿

HTML

CSS

0 投票
1 回答
6903 浏览

typescript - 如何在 ngbdatepicker 中更改 datepicker 日期格式,如 dd/mm/yyyy

我正在为 datepicker 使用 ng-boostrap:https ://ng-bootstrap.github.io/#/components/datepicker/api 但我不知道如何更改日期格式,如 dd/mm/yyyy。现在它显示 yyyy/mm/dd 但我想要 dd/mm/yyyy。请帮助任何人。

演示:https ://stackblitz.com/edit/angular-6wpn3h-ahcq4x?file=src/app/datepicker-popup.html

0 投票
1 回答
510 浏览

angular - 关于 Java.sql.TimeStamp 和 angular

我正在开发一个网站(角度 9,弹簧靴)。
我需要一个用户能够向我发送某个事件的日期和时间,而在我正在使用的 java 端java.sql.TimeStamp ,我正在使用NgbDatepicker(用于日期)和Time(用于小时和分钟)。我想要做的是将它们java.sql.TimeStamp与 TimeZone 结合起来。

有什么想法可以帮助我,还是应该将它们原样发送到java并在每次放入数据库之前创建一个新的TimeStamp?

0 投票
3 回答
3766 浏览

angular - 如何在Angular中比较日期和时间

我正在尝试将当前日期和时间与 JSON 格式的 ngb 日期和时间选择器进行比较:

输出:

我想将此与以下 JSON 格式的日期和时间进行比较,并检查输入的日期和时间是否大于当前日期和时间。

ngb 时间选择器的输出

ngb 日期选择器的输出

我怎样才能做到这一点?

0 投票
1 回答
108 浏览

angular - 使用 startDate 作为 YYYY-MM-DD 而不是年、月、日

是否可以在 ngb-datepicker startDate 中使用 YYYY-MM-DD ?

现在我得到了

但是我要:

其中 startDate 是从 Api 获取的日期。这个日期的格式是 YYYY-MM-DD