问题标签 [primeng-calendar]

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 投票
0 回答
142 浏览

calendar - 有没有办法改变primeng日历图标的位置?

我正在使用primeng日历。我在我的html中有它

问题是默认情况下,图标显示在输入的右侧。是否可以将其更改为输入的左侧?也可以将小时组件从模态底部移动到右侧吗?

0 投票
0 回答
88 浏览

angular - 如何在 primeNG 日历中使用 yearNavigator,其中 selectionMode 为范围且 numberOfMonths 为 2

我正在寻找 PrimeNG 日历的年度导航器。

上述代码是我用来显示 2 个月日历的当前日历。. 这就是日历的样子

我的要求是我需要一个日历中的年度导航器。我尝试了以下代码,但无法获得年份下拉列表。

0 投票
0 回答
92 浏览

css - Angular 2 中的 PrimeNG 样式问题

我正在尝试使用 PrimeNG 的日历组件,但样式不起作用。这些是我采取的所有步骤:

我使用以下命令安装了 PrimeNG:npm i primeng

我在 app.module.ts 中导入了 CalendarModule:

import {CalendarModule} from 'primeng/calendar';

并将其放入我的导入[]:

我将样式表添加到我的 angular.json 中:

我在我的一个组件中插入了一个 p 日历,如下所示:

但我的日历是这样的:

坏日历

有什么我错过的吗?

0 投票
1 回答
122 浏览

angular - Angular 中的 FullCalendar - 更改 MonthView 中的日期格式

我到处寻找并尝试了一切,但仍然找不到正确的方法来做到这一点。

我在 Angular 10 中使用以下版本。

“@fullcalendar/core”:“^4.3.1”、“@fullcalendar/daygrid”:“^4.3.0”、“@fullcalendar/interaction”:“^4.3.0”、“@fullcalendar/moment”:“ ^4.3.0", "@fullcalendar/timegrid": "^4.3.0",

默认月历将天显示为“dd”,如https://fullcalendar.io/demos中所示

我想显示为 mm/dd(例如,5 月 19 日的 5/19)

我看到有titleFormat、columnHeaderFormat、eventFormat,但是单元格中显示的内容没有格式。

你能帮忙吗?

0 投票
2 回答
215 浏览

angular - 如何为定义到我的 HTML 中的这个 Angular 属性定义条件值?

我正在使用 PrimeNG 开发 Angular 应用程序。我在问我是否可以根据属性的值有条件地添加 PrimeNG 组件属性。在我的 HTML 页面中,我有这样的内容:

正如我目前所看到的,我将此属性设置为 true:[touchUI]="true"。我还在 Angular 组件中定义了这个(isMobile2 | async)变量,并使用 |async 获得。

我需要实现以下行为:

  • 如果(isMobile2 | async)值为true --> 设置:[touchUI]="true"
  • 如果(isMobile2 | async)值为false --> 设置:[touchUI]="false"

是否可以内联实现此行为以使用ngIf并定义两次p 日历组件(基于isMobile2 | async值的值)?如果它可以内联完成,那就太好了

0 投票
1 回答
930 浏览

angular - 带有模板的日期过滤器不应用过滤(PrimeNG 表)

我正在开发一个带有 PrimeNG 表的 SPA 来显示记录,并且每一列都有一个用于其数据的过滤器。

其中之一是日期记录,它以 ISO 字符串的形式出现,并在输入到表本身之前转换为 Date 对象。

我需要日期格式为“dd/MM/yyyy”,默认情况下,日期的 p-columnFilter 与“MM/dd/yyyy”一起使用,所以我使用过滤器的 pTemplate 来自定义日历中的格式.

然后,当显示过滤器 UI 并单击“应用”时,它就像没有注册值一样。我在想我在日历中缺少一个 [ngModel] 绑定,但我也尝试过,但没有成功。

问题的屏幕录制。 过滤器不适用。

先感谢您。

0 投票
0 回答
45 浏览

angular - 当我在日期选择器中更改月份时调用 OnBlur 函数

我正在使用以下库:

https://primefaces.org/primeng/showcase/#/calendar

我正在使用(onSelect)(onBlur)方法。

我的问题是,当我第一次打开日期选择器时,我单击箭头来前后更改月份 - 然后checkValidations($event, 7)被调用。

当输入失去焦点时应该调用 Blur 方法,但这里它会在 montch change 时调用。

它只是第一次发生。我想有一些错误可能与它自己的库有关。

我该如何解决这个问题?

0 投票
1 回答
213 浏览

angular - 有什么功能可以关闭我的 PrimeNG 的 datePicker 吗?

我使用 PrimeNG 版本 6. Angular 版本 9 的组件 Calender。例如,如果我从那里单击名称输入字段中的日期选择器并打开日期字段并再次单击名称上的焦点,是否有功能,日期选择器关闭?Focusout 仅在我在日期输入字段中时有效。当另一个字段有焦点时,我想关闭日期选择器。我已经使用了焦点输出。

0 投票
0 回答
29 浏览

angular - 如果输入字段有焦点,我如何关闭我的 Datapicker 覆盖?

当另一个字段有焦点时,我的日期选择器如何自动关闭?我目前正在使用focus() 函数。但是该功能不能再从日期选择器覆盖中选择日期

我使用 Angular 版本 9 和 PrimeNG 版本 6 - 用于我的日历。

程序:我有两个输入字段。日期和地点。如果我单击要显示日期的日期图标,则日期字段应获得焦点。当我出去时,它应该会自动关闭。目前,数据字段有焦点,但我无法从覆盖弹出窗口中选择一个数据。

0 投票
0 回答
34 浏览

angular - 角primeng日历UTC时间

我正在使用primeng日历来获取表格中的日期。问题是这个组件使用本地时间而不是 UTC 日期。因此,如果我选择 28. September,则值为“Tue Sep 28 2021 00:00:00 GMT+0200”。但在 UTC 时间是“2021-09-27T22:00:00.000Z”,还早了一天。

我发现primeng在以前的版本中删除了UTC支持,他们不会再次添加它,所以我需要自己修复它。我希望如果我只选择一个没有时间的日期,我会在 UTC 时间得到一个时间为 00:00 的日期。我当前的解决方案是使用日历作为 viewChild 并覆盖 selectDate() 函数。我用 new Date(Date.UTC(dateMeta.year, dateMeta.month, dateMeta.day, 0, 0, 0)); 替换了 new Date() 这是可行的,但使用 @ViewChild 不利于可重用性。有没有更好的选择?