问题标签 [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 投票
2 回答
5161 浏览

angular - PrimeNG 日历错误 - 未定义 JQuery

我想在我的应用程序中使用PrimeNG 日历。当我运行代码时,我收到错误:

ReferenceError:未定义 jQuery。

其他 PrimeNG 指令工作正常。如果我删除<p-calendar>错误消失。

我已在我的应用程序中导入并包含日历。顺便说一句,我使用的是最新版本的 angular、router 和 forms。在此之前,我遇到了这个问题并通过更新表单提供程序来修复它。

堆栈跟踪摘录:

ReferenceError:DebugAppView._View_AddShipmentComponent0.detectChangesInternal (AddShipmentComponent.template.js :930:59) 在 DebugAppView.AppView.detectChanges (eval at ( http://localhost:8080/js/vendor.js:716:2 ), :243:14) at DebugAppView.detectChanges (eval at ( http:// /localhost:8080/js/vendor.js:716:2 ), :348:44)

0 投票
7 回答
20339 浏览

css - 从引导程序应用 css 类时的 PrimeNG 日历错误

我有一个奇怪的错误,我使用 PrimeNG 在我的应用程序中显示 DatePicker。当我尝试使用 bootstrap'sform-control时,我得到一个视觉错误。

这是我的模板:

这是结果:

在此处输入图像描述

编辑

如果有任何帮助,这里是生成的 HTML:

0 投票
3 回答
19101 浏览

jquery - 使用 PrimeNG 日历检测 [(ngmodel) 更改为选定日期

我有一个带有使用 PrimeNG 日历创建的附加日期选择器的输入元素。

HTML 部分

这里我使用了 PrimeNG 日历标签。我使用了一个隐藏的文本框,因此我可以选择更新的值,但它反映在文本框中。如何捕获任何事件的更新值?

当用户通过直接在 input 元素中输入来更改日期时,我可以通过 input 元素的 blur 事件获取值,如上所示。但是当用户从 datepicker 更改日期(即通过单击日历上的日期)时,不会调用模糊处理程序。

如何检测通过datepicker而不是通过输入输入元素对选定日期进行的更改?

0 投票
1 回答
1918 浏览

angular - 使用 Angular2.0.0-rc.4 进行 PrimeNG 验证

我正在尝试在 ngForm 中使用 PrimeNG datepicker 并应用所需的验证。

但是,我遇到了一个例外,

我们应该如何将 PrimeNG 控件添加到角度形式?

0 投票
1 回答
11292 浏览

angular - 使用 PrimeNG 的 Angular 2 打字稿上的日历

所以我开始使用 PrimeNG,并且我一直在关注网站文档,其中说明了为了使其正常工作应该做的一切。我按照网站上的所有内容进行了操作,但是我的 UI 看起来有些奇怪,就像下面的图片一样,有人知道为什么会这样吗?

重要的代码部分:

TS

HTML

另外,顺便说一句,有没有人知道如何使用网站提供的主题之一?我试图找到免费代码的代码,但找不到。谢谢你的帮助。

日历用户界面图像:

日历

0 投票
1 回答
255 浏览

angular - Angular2 - PrimeNG 日历时间仅未配置

PrimeNG进化到“^1.0.0-rc.3”版本后,日历出现如下问题:

<p-calendar [(ngModel)]="date7" [timeOnly]="true"></p-calendar>

primeng-日历

我已经尝试了一切,我无法改变。

你能帮助我吗?

0 投票
0 回答
3172 浏览

angular - PrimeNG - p-日历组件验证问题

我编写了一个自定义表单控件,它实际上是p-calendar组件的包装器。组件定义如下所示(注意:- 为了简单起见,我删除了一些代码)

自定义组件的模板是:

现在,当用户在日期文本框中手动输入错误的日期值时,将调用验证器,但 validateFn 中的 c.value 属性包含 null。

最终结果是如果文本框为空或包含无效日期,我的验证器将不起作用,因为该值始终为空。

有没有办法让用户手动输入的值来执行验证并显示验证错误。

注意:- 我使用的是 PrimeNG 1.0.0-RC3

0 投票
1 回答
1235 浏览

primeng - PrimeNG 日历在选择值后不隐藏

在 Angular 2 中,我使用带有 *ngSwitchCase 的模型驱动形式的 PrimeNG 日历,如下所示

日历在 UI 上显示得很好,但是当我选择日期或在页面外部单击时,它并没有消失。只有当我点击标签离开时,日历才会关闭。

如果我使用 ngModule,它可以正常工作,但这不是必需的。

有没有人有任何线索/例子,请分享

谢谢

0 投票
1 回答
1474 浏览

angular - 使用 PrimeNG 日历在数据库中输入数据

我正在尝试用 PrimeNG 日历替换文本框,但保留它的功能,存储将保存在数据库中的值。

我认为这可能类似于组合输入并且p-calendar会起作用:

但这显然不起作用并导致很多错误。

我得到的例外:

解析器错误:在预期表达式的位置得到插值 ({{}})

除了以下错误:在此处输入图像描述

0 投票
0 回答
1062 浏览

angular - PrimeNG 日历动态放置/定位

我在 Angular 中使用 PrimeNG 日历/日期选择器,但只有一个投诉。

当我单击应该弹出日历的输入时,它不会动态定位自身。如果我在输入上方的屏幕上有很多空间而在其下方却很少,则日历仍会在输入下方弹出并被切断。

当我使用 JQuery UI 的日期选择器时,它会根据有更多空间的位置动态定位自己,因此被截断的可能性要小得多。

有没有办法让 PrimeNG 日历/日期选择器以相同的方式运行,并根据有更多空间的位置动态地将自身定位在输入的上方或下方?

我搜索了文档,但没有看到有关此问题的任何信息。