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

angular - 如何在 p-calendar angular 中设置属性值?

我正在使用 p-calendar 进行日期选择。现在,我想根据条件设置类属性。对于设置属性,我正在使用 setElementAttribute 函数,但它给了我错误'vendor.bundle.js:70655 TypeError: Cannot read property 'setAttribute' of undefined '。它适用于普通输入或选择标签,但不适用于 p-calendar 标签。

这是 HTML 代码

这是ts文件代码

这是错误

在此处输入图像描述

0 投票
1 回答
663 浏览

angular - primeNG日历上禁用日期的样式不起作用

我正在尝试为 primeNG 日历上的一些禁用日期添加样式,在文档中建议使用 disabledDateTemplate。但是,这似乎不起作用,我也无法在网上找到单一的解决方案。

0 投票
1 回答
68 浏览

angular - 如何重置 PrimeNG 日历的 inputFieldValue

我正在使用p-calendar多个PrimeNG selectionMode

当用户选择超过 4 个日期时,输入中的文本太长并被隐藏。

我想设置输入值,以便如果选择了超过 4 个日期,它将显示前 4 个日期和一个字符,如“(+)”或“...”等。

我试图在onselect事件中设置输入值,但它不起作用:

有任何想法吗?

多谢!

0 投票
1 回答
1218 浏览

html - PrimeNG p-calendar:更改日期的背景颜色

您好我正在尝试自定义p-calendar但无法弄清楚如何更改正在显示的日期的颜色。请帮忙。提前致谢。

这是我的模板:

我的CSS:

0 投票
0 回答
89 浏览

primeng - 在primeng-calendar范围选择中动态设置maxDate

我正在尝试根据所选的开始日期在范围选择中动态设置 maxDate。但是日历只是在选择开始日期后关闭,因为它必须重置 maxDate。

这是示例的链接。

https://stackblitz.com/edit/primeng-calendar-demo-8vt4f7?file=src%2Fapp%2Fapp.component.html

感谢你的帮助。

0 投票
1 回答
486 浏览

html - 当用户在日历上选择其他日期时,PrimeNG 日历清除当前/今天日期

p-calendar在我的应用程序中使用在特定时间从用户那里获取输入。日历工作正常。但是,即使我单击日历上的其他日期,当前日期也会在日历中保持选中状态。因此,即使选择了新日期,看起来好像两者都被选中了。我怎样才能解决这个问题?在此先感谢您的帮助。

这是我的模板:

date7 中的值是新选择的日期,如预期的那样,但日历显示两个日期都已选择。

0 投票
2 回答
1116 浏览

css - 如何更改primeng v11.2.0 p-calendar的高度和宽度?

如何改变下面p-calendar的高度和宽度primeng version 11.2.0

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

p-calendar我想在我的 Angular 应用程序上使用上述内容。

我在 CSS 下尝试过,但没有奏效。

建议我这个。

0 投票
0 回答
1152 浏览

angular - PrimeNgConfig 不能从 primeng/api 获得

我正在使用 Primeng(版本:^9.1.3)并尝试在 p-calendar primeng 组件上实现翻译,这可以按照post使用 PrimeNGConfig 完成,但我无法从 'primeng/api' 导入模块出错了

模块 'primeng/api' 没有导出的成员 PrimeNGConfig

0 投票
1 回答
202 浏览

angular - 如何使用primeng组件在数据库中传递日历格式值?

我创建了一个 .html 和 .ts 文件(代码如下),我使用 primeng 组件来设置日历,我从日历中获取数据的值是 {Sat Mar 16 2021 10:58:55 GMT+ 0530 (India Standard Time)} 但我需要通过 formbuilder 传递数据库中的日期时间值。

问题:如何将日历日期和时间值传递/发送到数据库到 StartDate?

我还使用日期管道将给定数据转换为所需的日期和时间格式。

.html 文件

我越来越

0 投票
0 回答
93 浏览

css - 如何使primeng的p-fullCalendar中的工具提示出现在日历条目的顶部?

我正在为primeng 的p-fullCalendar 实现工具提示功能。为了显示特定日历条目的工具提示,我添加了该条目的子 div 并设置了样式,使其看起来像工具提示。问题在于 child-div 元素(工具提示)不会覆盖其他日历条目。如果一列中有多个元素,则工具提示仅对列中的最后一个元素可见(仅当我将鼠标悬停在红色元素上时):

工具提示可见

黄色和粉色元素是不可见的。

工具提示不可见

我将工具提示类的 z-index 设置为 10000,将日历设置为 1,但它不起作用。

代码的相关部分:

  1. 日历 CSS:
  1. 工具提示 HTML:
  1. 工具提示 CSS:

为了添加和删除元素,我使用了这个要点:https ://gist.github.com/reed-lawrence/1f6b7c328ad3886e60dc2b0adcf75a97