问题标签 [primeng-calendar]

我想将两个日期的 Primeng Range Calender 的输出格式化为像这样的“dd/MM/yyyy”，并且我尝试使用管道来转换这些数据。但只是改变了第一个日期，而不是第二个。html代码是：

ts文件是：

我收到此错误：

我在我的 Angular 7 项目中使用 PrimeNg 日历，想在组件级别的某些条件下禁用月份导航器。例如：当前月份是二月，我想在三月之后禁用月份导航器。

使用:host 和 ::ng-deep我可以覆盖 CSS 文件中的 Primeng 样式

但我想在组件中更改样式。尝试以下代码，但无法正常工作

实现这一目标的任何想法

我用角 9，primeng 9

我有我的模块: ItemModule:

但我得到错误：

我在那里看到文档，这个版本的primeng应该与angular 9 ivy兼容。

你对此有什么想法吗？提前谢谢。

我正在使用这个 PrimeNG timeonly 日历：

我将开始默认时间设置为上午 9:00

现在，当我打开小部件时，我无法选择上午 9:00。要么我必须选择胡萝卜来选择 9:01，然后再次回到上午 09:00。这看起来不是很直观。

有没有办法点击下面的框（以红色框突出显示）来选择时间

目前使用 PrimeNG 8 和 Angular 8。

提前致谢。

我在我的 HTML 中有它，我试图从我的打字稿文件中绑定 model.StartDate 但没有成功。我想显示日期和时间，日期应该根据用户机器上的格式。我正在从 SQL datetime2(7) 字段中读取日期。示例日期为 2020-05-12 15:03:35.6830408

请帮忙。

我在 Angular 和PrimeNG中都很新，我发现尝试使用FullCalendar组件时遇到以下困难，这个：https ://primefaces.org/primeng/showcase/#/fullcalendar

问题是我想在用户单击日历中的特定日期时处理一个事件（参考上一个链接示例：当用户单击将一天表示为日历的正方形时，我必须执行回调方法）。

所以我知道这个 PrimeNG 组件应该基于https://fullcalendar.io/

我以这种方式尝试过，但它不起作用：

1）这是我的fullcalendard.component.html页面：

全日历工作！

如您所见，我添加了：

为了处理我渲染日历的特定日期的日期点击事件。

2）然后我有这个 Angular 组件的“后端”代码，定义在我的fullcalendar.component.ts文件中：

如您所见，我为此组件导入了一些插件，特别是我已经按照官方文档中的说明安装了它，通过以下语句：

然后我创建了handleDateClick()方法来处理这个点击日期事件，并将interactionPlugin插入到我的组件使用的calendarPlugins数组中，如下所述：dateClick not emit in fullcalendar angular

前面的链接引用 了 PrimeNg 完整日历所基于的https://fullcalendar.io/docs/angular 。

但它不起作用：我的应用程序编译，日历显示在我的页面中，但单击我显示的日历上的特定日期没有任何反应。

为什么？怎么了？我错过了什么？如何修复我的代码并正确处理此事件？

我在一个使用PrimeNG FullCalendar组件的简单 Angular 9 项目中发现以下问题，这个： https ://primefaces.org/primeng/showcase/#/fullcalendar

这个 PrimeNG FullCalendar 组件基于这个其他 Angular 原始组件https://fullcalendar.io/docs

我必须做的：我必须实现一个外部可拖动事件，如下所示：https ://stackblitz.com/edit/fullcalendar-angular-demo?file=src%2Fapp%2Fapp.component.html

在前面的示例中，它使用了原始的 Fullcalendar.io 组件，而不是 PrimeNG 组件，但是 PrimeNG 是该组件的包装，它应该是可能的。

我所做的：我创建了一个包含日历并处理简单事件的项目，例如单击特定日期，单击特定事件，将事件从一个日期移动到我日历中的另一个日期。这里是我到目前为止实现的代码存储库：https ://bitbucket.org/dgs_poste_team/soc_calendar/src/master/

我的问题是什么：正如您在我的fullcalendar.component.hml文件中看到的那样，我有以下代码：

所以p-fullCalendar是渲染我的日历的 PrimeNG 组件，它被#fullcalendar引用。

然后我有一个由#external引用的div，其中包含我需要拖到我的日历中的外部事件。

此外部事件拖动操作不起作用。

问题似乎取决于打字稿组件代码无法访问此 div #external引用的事实。

在我的fullcalendar.component.ts文件中，我定义了实现组件背后逻辑的此类（我正在按照提供的示例实现它）：

如您所见，我拥有由@ViewChild装饰的这两个属性

我认为由于某种原因，我无法理解这两行无法正常工作，因为在我的控制台中，我在此行上收到以下错误：

这是尝试访问this.external.nativeElement属性时的错误：

正如您在我的代码中看到的，我还添加了这一行来调试 pourpose（到ngOnInit()方法中）：

控制台输出是：

所以在我看来，它无法访问#external div 引用。

我的假设正确吗？怎么了？我错过了什么？我该如何尝试修复此错误？

我<p-calendar>在我的一个组件中使用。我正在尝试使用我的 sass 文件中的一个类来设置它的样式，但inputStyleClass根本没有任何效果。事实上，我什至看不到 Chromes DevTools 样式中的类。但是，它显示为<input>元素 ( ng-reflect-klass="calendar-input") 的属性。

我已经阅读了我能找到的所有内容（例如inputStyleClass PrimeNg Angular 2）并尝试做相应的事情。

这些是相关文件的简化示例：

不工作：

时间-edit.component.html

time-edit.component.sass

作品：

时间-edit.component.html

但是，我不想这样设计它。

我究竟做错了什么？为什么找不到我的 sass 文件中的类？

我正在使用 PrimeNG 日历表格。我还需要能够选择时间，所以我设置了[showTime]="true". 到目前为止，一切都很好。该组件工作正常。

我的问题：

我的用户希望能够使用输入字段输入日期/时间组合，然后按 Enter 以应用更改。然而，当省略时间时，输入在模糊时被完全拒绝。如果输入只是没有时间的日期，我宁愿将其设置为 00:00。我该怎么做？

我找不到更改内部日期验证的方法。

我想将 PrimeNG 的日历与(selectionMode="range")一起使用，但我在弄清楚如何设置最短结束日期时遇到了问题。“minDate”适用于开始日期，但有没有办法设置最短结束日期？

我希望最短结束日期至少比开始日期晚 30 天。例如：

如果 startDate = 2020 年 5 月 1 日，则不应选择距开始日期不到 30 天的 endDate（总的最小日期范围为 30 天）。

这是可能的还是我只需要将它设为 2 个单独的日期选择器？提前致谢！