问题标签 [angular-bootstrap-calendar]

如何将日期绑定到日期选择器？

HTML

我正在创建一个 Angular 10 应用程序。在我的组件中，我使用了 Angular Bootstrap 日期选择器控件。文本框中显示的默认日期格式为“yyyy-mm-dd”。但我想要'dd-mm-yyyy'的格式。所以我创建了一个服务并放入我的核心模块。服务代码如下：

我的核心模块是：

但我收到以下错误：

./src/app/core-module/date-formatter-service/custom-date-formatter.service.ts Module not found: Error: Can't resolve '@ng-bootstrap/ng-bootstrap/util/util' in 'D:\Workspace\My Projects\e-Cash Apps\eCash-Web\src\app\core-module\date-formatter-service'

谁能建议我如何解决这个问题？

我正在使用 ng-boostrap datepicker，我想在 datepicker 输入更改（手动输入日期）上调用一个事件，与（dateSelect）事件调用相同，在 dateSelect 事件中调用相同的函数。那么是否有任何事件 ng-boostrap 提供手动更改（键入日期）日期？

当我们从 datepicker 弹出窗口中选择日期时调用 (dateSelect) 我想在输入更改时调用相同的函数。

版本 - ng-bootstrap": "^5.3.0"

在我的角度形式中，我使用了 Angular Bootstrap Datepicker控件来选择日期。从 datepicker 中选择日期后，我从控件中获得的日期格式是"dd-MM-yyyy"。现在我想将日期格式化为“yyyy-MMM-dd”格式。所以我使用了 DatePipe Pipe。但如果日期选择 1-12 日期，管道可以转换日期。但是，如果我选择任何一个月的 13 个日期，它就无法将日期转换为我想要的指定格式。

另一个问题是即使我选择了任何月份的 1-12 日期，在格式化后管道与日期和月份不匹配。例如，如果我选择“2021 年 7 月 2 日”。然后它将日期转换为“2021-Feb-07”，这是不正确的。

现在我想要两件事是正确的。

首先，如果我选择任何月份的 1-12 日期，那么管道应该正确转换日期。这意味着如果我选择“2021 年 7 月 2 日”，那么在转换后我应该得到“2021-Jul-02”而不是“2021-Feb-07”

其次，如果我选择任何一个月的 12 个以上的日期，那么它不应该抛出异常：“无法将“13/7/2021”转换为管道 DatePipe 的日期”

Bellow 是我用于转换日期的 datepicker 和 datetime 管道的 HTML 代码。我还为我的日期选择器使用了两项服务。

日期管道：

日期选择器服务

我们一直在整个项目中使用ngx-bootstrap 。现在它已投入生产，我们需要ngx-bootstrap/datepicker在下拉列表中显示 的月份和年份以获得更好的用户体验。喜欢

我浏览了文档，但没有发现任何有用的东西。我检查了其他ng-bootstrap/ng-bootstrap提供年/月下拉列表但无法切换到 ng-bootstrap 的项目（如 ），因为为时已晚。

有谁知道ngx-bootstrap/datepicker在下拉列表中显示月份和年份的解决方案？

我正在尝试在 AngularJS 网站中使用引导日历。下面是我复制代码以显示各个日期的日历和事件的链接。

Angular Bootstrap 日历演示

使用上述解决方案，事情按预期工作，但问题是事件不会显示在各自日期的单元格中，直到鼠标悬停在日历区域上。

我尝试了很多东西，但没有任何效果。所以，我不确定为什么会发生这种情况，是由于缓存还是其他原因。

如果有人知道那里出了什么问题或者我错过了什么，请帮助我。以下是我实施此日历的网站 URL。

我的页面 URL 以查看问题

<p-calendar readonly="true" [showTime]="true" inputId="time" [hourFormat]="24" [minDate]="minDate" [maxDate]="tomorrow" inputId="range" [(ngModel )]="obj.date" formControlName="selectedDateTime">