问题标签 [primeng-calendar]

我正在使用带有 Angular 4 的 PrimeNG 组件，但我遇到了一个问题——那就是当我的按钮被点击时如何显示日历？

见Plunker

我尝试使用@ViewChild('calendar'). 我也尝试过使用焦点，@ViewChild('calendar#inputfield')但这不起作用。

知道如何单击按钮以编程方式打开日历吗？

我正在使用 Angular 2 并尝试获取 PrimeNG 日历日期选择器，以允许我禁用特定日期（节假日）以及周末。

他们的文档说我应该能够做到这两点，并给出了一个我试图实现的例子。但是，没有任何日期被禁用！

在我的组件模板中：

在我的组件类中（带有一些我无法工作的示例初始化代码）：

有没有更好的 Angular 2 日历日期选择器允许禁用特定日期？（不只是 minDate 和 maxDate）？这是我发现的唯一一个具有此功能的功能，当然它对我不起作用！

如果它是一些不兼容的包或其他东西的问题，这里是我的 project.json 的依赖项：

我正在使用角度为 4 的 PrimeNG 日历组件。它符合我的大部分要求，除了我看不到在组件中显示周数的方法。

我是否忽略了一些简单的事情，或者如果它还不支持，那么有什么办法可以做到吗？

谢谢

我正在尝试向我的表单添加验证。

discount字段不能为空，取值范围需要在 0 到 100之间time_from，time_to不能为空。我无法在time_from和上触发验证过程time_to。我使用 PrimeNG 日历组件。我发现p-calendar验证与 . 配合得很好ngModule，但我找不到任何表单组的解决方案。

组件（简化）

模板（简化）

当前行为

验证器不会注意到是否选择了日期，因此，不会触发任何事件来捕获值变化，这意味着onValueChanged认为time_from并且time_to未受影响。

我怎样才能解决这个问题 ？

我有一个日历控件，我想为其设置一些值，但我在下面的行中收到以下错误，并且值也没有设置。

错误错误：未捕获（承诺）：TypeError：date.getMonth不是函数TypeError：date.getMonth不是Calendar.webpackJsonp中的函数.../../../../primeng/components/calendar/ Calendar.js.Calendar.formatDate (calendar.js:649) 在 Calendar.webpackJsonp.../../../../primeng/components/calendar/calendar.js.Calendar.updateInputfield (calendar.js:252 ) 在 Calendar.webpackJsonp.../../../../primeng/components/calendar/calendar.js.Calendar.writeValue (calendar.js:595) 在 forms.es5.js:1779 在 forms.es5 .js:2965 at Array.forEach () at FormControl.webpackJsonp.../../../forms/@angular/forms.es5.js.FormControl.setValue (forms.es5.js:2965) 在表单中。 es5.js:4367 在 ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:365) 在 Object.onInvoke (core.es5.js:3890) 在 ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invoke (zone. js:364) 在 Zone.webpackJsonp.../../../../zone.js/dist/zone.js.Zone.run (zone.js:125) 在 zone.js:758 在 ZoneDelegate。 webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:398) 在日历的 Object.onInvokeTask (core.es5.js:3881)。 webpackJsonp.../../../../primeng/components/calendar/calendar.js.Calendar.formatDate (calendar.js:649) 在 Calendar.webpackJsonp.../../../.. /primeng/components/calendar/calendar.js.Calendar.updateInputfield (calendar.js:252) 在 Calendar.webpackJsonp.../../../../primeng/components/calendar/calendar.js.Calendar。 forms.es5.js 中的 writeValue (calendar.js:595)：1779 at forms.es5.js:2965 at Array.forEach () at FormControl.webpackJsonp.../../../forms/@angular/forms.es5.js.FormControl.setValue (forms.es5.js: 2965) 在 Forms.es5.js:4367 在 ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:365) 在 Object. ZoneDelegate.webpackJsonp 的 onInvoke (core.es5.js:3890).../../../../zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:364) 在 Zone。 webpackJsonp.../../../../zone.js/dist/zone.js.Zone.run (zone.js:125) at zone.js:758 at ZoneDelegate.webpackJsonp.../.. /../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:398) 在 Object.onInvokeTask (core.es5.js:3881) 在 resolvePromise (zone.js:710) [角度] 在：4200/polyfills.bundle.js:7469：17 [角度] 在 Object.onInvokeTask (core.es5.js:3881) [角度] 在 drainMicroTaskQueue (zone.js:591) [] 在 XMLHttpRequest.ZoneTask.invoke (zone.js:464) []

我有使用PrimeNG 日历组件的角度应用程序。

我需要添加限制以仅选择每个月的第一个日期。

该组件具有通过设置disabledDates属性或一周中的某些天（disabledDays）禁用某些日期的功能。但我还没有发现任何会禁用该月的日子的东西。

有谁知道如何实现这一点？

我喜欢为 p-calendar PrimeNG 组件设置默认日期，我该如何在 Angular 中做到这一点？

我正在尝试在我的 Angular 4 应用程序中实现 PrimeNG 日历以用于日期时间穿刺器。我做了以下安装。

模块.ts

组件.ts

组件.html

当我运行该站点时，我收到以下错误。

模板传递错误：'p-calendar' 不是已知元素： 1. 如果 'p-calendar' 是 Angular 组件，则验证它是否是该模块的一部分。2. 如果 'p-calendar' 是一个 web 组件，则将 'CUSTOM_ELEMENTS_SCHEMA' 添加到该组件的 '@NgModule.schemas' 以抑制此消息....

你能帮我把日期时间刺针带入角度 4 吗？谢谢。

我有一个使用该组件的输入字段。假设我已将日期禁用到 5 月 15 日。当我点击日历时，当前月份显示为四月并且其中的所有日期都被禁用。如何将当前月份设为没有禁用日期的月份？（在这种情况下为五月）

我正在使用primeng 日历，但我无法从数据库中设置日期。这是我来自服务器的日期：2018-04-17T16:41:47.683

当我尝试立即将格式更改为“YYYY.MM.DD HH.MM”时，我在控制台上收到此错误：Uncaught (in promise): Unexpected literal at position 2 当我将日期时间转换为字符串时，我得到同样的错误我不知道该怎么办。请帮忙

这是我的代码：

组件.html

ps：我用ngmodel尝试了两种方式。

组件.ts

内容翻译：