问题标签 [primeng-calendar]

我想使用带有月份和年份选择器的primeng日历。我从他们的网站复制粘贴代码示例，但我没有看到年份选择器。我的依赖：

“primeicons”：“^1.0.0”，“primeng”：“^6.1.2”，

我只能看到月份。

有任何想法吗？

在单元测试中，当我有一个常规元素时，我可以设置它的值，触发一个更改事件并验证表单值是否匹配，如下所示：

我似乎无法让它与 Prime ng 日历控件一起使用。

我有一种感觉，这是因为表单绑定到 p-calendar 元素，而不是其子输入：

我尝试在输入（模糊、输入等）上调度各种事件，但无论如何我似乎都无法让表单得到更新。有任何想法吗？我应该设置 p-calendar 元素的值而不是它的输入吗？

我在我的应用程序中使用 PrimeNG 的日历模块。我允许客户指定他们希望查看日期的格式。这是旧应用程序向 Angular 的迁移，所以我想保留用户配置的旧格式。

在旧版本中，我们有类似的格式

1. yyyy/MM/dd HH:mm:ss（例如 2019/05/22 05:55:43）
2. 'Q'Q yyyy（第一个 Q 应按原样显示在引号中，而第二个引号应替换为所选日期的季度。例如 Q2 2020
3. yyyy/mm/dd HH (eg. 2019/05/22 05)
4. 我们还允许用户使用这些字符串文字创建他们的自定义格式。

现在 CalendarModule 使用不同的格式，所以我将 yyyy 转换为 yy 表示全年，将 yy 转换为单 y 表示一年中的最后 2 个数字。同样，我将大写 MM 转换为小写 mm，因为这是 Calendar Module 所理解的，但 PrimeNG 的文档中没有指定 Hour、Minutes 和 Seconds 的文字。

此外，当用户键入任何自定义日期 - 2019 年第二季度时，我想保持原样，但 Calendar 将其值设置为足够空，尽管我已将 keepInvalid 属性设置为 true -[keepInvalid]="true"

将不胜感激任何帮助。

谢谢！

我正在使用 prime-ng 日历，但我不知道如何在打开它时设置默认日期。问题是我知道如何在打开页面时为表单字段设置默认值，但我希望该字段保持空白。我只想在打开日历后选择一个默认字段。现在它默认为当前日期时间，我正在寻找当前日期，但时间总是从下午 12 点开始。如果有帮助，我会将它与 Angular 的表单生成器结合使用。

我查看了 prime-ng 文档（https://www.primefaces.org/primeng/#/calendar），但似乎找不到与此相关的任何内容。我认为 onFocus 事件可能有一个解决方案，但那是我在黑暗中拍摄，因为我不知道如何使用它们。

这是我当前的日历字段

我希望表单值最初为空。打开日历时，我希望默认日期为当前日期，默认时间为下午 12 点。

在我的项目中，我有一个完整的日历，可以从数据库动态加载事件。当我尝试将事件添加到日历中时。但由于我认为 httpget 方法同步问题，它对我不起作用。我无法解决问题。

如果我尝试

this._holidayService.getHolidayArray().then(events => { this.events = events; });

一个错误“那么在可观察类型上不存在”

我遇到了 P-calender 问题。

我从日历中选择一个日期（没有时间）（例如 03-09-2019）我的模型使用日期对象更新 Tue Sep 03 2019 00:00:00 GMT+0530（印度标准时间）

我将此日期发送到我正在使用的 API，但它适用于 UTC，因此它将其转换为 2019-09-02T18:30:00.000Z。

API 字段仅为日期（无时间无时区），并将其存储为 02-09-2019，这是错误的。

考虑从日历中选择一个日期（没有时间），将日期设置为 UTC 时间的 00:00:00，而不是本地时区的 00:00:00。从印度标准时间的浏览器中选择日期应设置为 2019-09-03T18:30:00.000Z。

是否可以隐藏inputprimeng日历中的字段，只显示图标？我不想将p-calendar元素更改为内联，而只是显示将弹出日历的图标。

组件.html

我尝试了以下方法，但没有成功：

但是，如果我将属性添加到元素，则使用浏览器中的 devtools display: none;，它将仅隐藏图标。有什么想法可以让它在没有输入字段的情况下呈现 html 文件吗？

如何将自定义消息提供给 Prime-NG 中必填字段的日历。

如果表单已提交，我们将收到默认消息请填写此字段，但我们可以获得 p-calendar 的自定义消息。

我试过了

上面的代码仅适用于不使用 p 日历的输入标签。

如何解决这个问题。

我正在使用 primeng '7.0.0' 作为 p 日历组件。当我点击日期选择器图标时，日历组件向上打开（下图）。

我想减小这个组件的宽度和高度。我尝试了下面的代码，但没有奏效。

日历.html

日历.css

谁能告诉我我做错了什么？

我以日期格式将数据传递到后端 -

Fri Nov 08 201900:00:00 GMT+0530（印度标准时间），

但它会自动将日期格式转换为此 DateandTime 格式 - 2019-11-07T18:30:00.000Z并在数据库中存储它'2019-11-08'。在检索它返回一天的数据时'2019-11-07'。