问题标签 [primeng-calendar]

在我使用过的 Primeng DatePicker

[monthNavigator]="true" [yearNavigator]="true" [yearRange]="2017:2030"

但问题是：

<如果我们在选择January并从导航器中单击按钮后，2017它不会移动到December 2016PrimeNg 演示中显示的Navigators. 相反，它转到年份，2030即年份范围的最后一年。

我想这样：如果我们<在导航器中单击时Jan 2017，它将加载以前的一组年份，即2003 to 2016在导航器中。

你能指导一下吗？

我正在tabindex使用 primeng 5.2.0 和 angular5 在我的项目中使用制表符 ()。问题是我无法使用选项卡选择日期，所以我必须使用鼠标来完成，当我选择一个日期时，该p-calendar字段会失去焦点和制表符中断。下面是标签可以正常工作的示例代码。

使用鼠标选择日历日期后，如何使制表符起作用？请指导

如何使用 *ngxPermissions 使 p-calender 仅对特定角色启用

我正在使用p-fullCalendar控件来显示约会。

我想在标题中添加一个自定义按钮来添加一个新约会。

我已经通过根据完整日历文档在选项中指定它来做到这一点：

html是：

该按钮显示良好，并且单击事件也被触发。

但是如何处理这个按钮的点击事件，以便显示模态对话框呢？

click 事件中的this按钮本身是：

我正在使用 Angular 6 进行开发。保存新记录时，我将表单值作为 json 保存在数据库中。如果最终用户想要显示存在记录，我会从 json 数据中填充表单组件。但是我在转换日期值时遇到了麻烦。我无法正确投射我的本地日期。我已经尝试过，但没有奏效：

字符串值输出：2019-01-17T21:00:00.000Z

控制台输出实际：日期 18/01/2019 01:00:00

但预期控制台输出：日期 18/01/2019 00:00:00

我试过“YYYY-MM-DDThh:mm:ss.fffZ”但也没有用。

额外的信息

保存数据：

html（初始）：

我正在尝试删除填充并将字体样式设置为在primeng日历中用于角度7的时间选择器中更小。

但它不适用。

这是该框的呈现 html 类

我试过

和

不工作。任何线索都会有所帮助。谢谢。

问题：
我在一个狭窄的 HTML 页面中使用 p 日历：高度非常低。在这种情况下，日历只是隐藏了定位错误的输入字段

重现步骤：

• 转到https://www.primefaces.org/primeng/#/calendar
• 调整具有低值高度的导航器窗口的大小
• 打开一些日历
• 或者去这里的blitzstack玩一下控制台高度：https ://stackblitz.com/edit/github-stwowy

结果：
日历覆盖了输入字段：

我正在尝试的解决方案

• 我试过 [appendTo]="'body'" ：它不起作用，日历的位置仍然隐藏输入字段
• 我想将日历覆盖附加到另一件事：

在这里，我举了很多我尝试过的事情的例子。所有 attachMe 都会产生相同的错误：

任何想法 ？请问我做错了什么？

[编辑] BLITZSTACK 玩：https
://stackblitz.com/edit/github-stwowy 只要确保控制台进入高电平：

以上是我从 api 调用中得到的 json 响应。我将假期日期放在一个数组中，例如 invalidDates=["2019-12-25","2019-11-28","2019-09-02"].. 但我无法禁用假期日期p 日历....我也无法在 p 日历中突出显示 currentTradeDate？

invalidDates 数组日期需要转换为日期数组？或者什么？或者我应该使用除 primeNg 之外的不同 datePicker。请建议。

在 Visual Studio 2017 Angular 7 项目中，我使用的是 PrimeNG 版本 6.1.7。我有一个包含多个子组件的组件，其中一些子组件使用 PrimeNG 日历。截至 2019 年 3 月 6 日，这完全没有问题，当时我将工作代码交付给了客户。

但是，如果我从代码库中提取相同的代码并立即运行应用程序，则单击输入元素只会显示此元素呈现的灰色叠加层：

在 chrome 中调试时，如果我单击另一个应用程序（甚至是 Chrome 的 DevTools 窗口，从主窗口中取消停靠），然后单击覆盖，突然日期选择器显示，同时我看到，在 DevTools 的 Elements 选项卡中，以下 html 位于上面引用的 div 的正下方：

如前所述，我没有更改任何内容，所以我猜这是通过更新我的 package.json 文件中的每个设置所做的一些更改。

我一生都无法弄清楚发生了什么。如果我删除“touchUI = true”属性，那么日历确实会出现，但它没有在屏幕上正确居中（这是一个适合移动设备的应用程序）。任何帮助将非常感激。

一个示例日期控件（应用程序中的所有控件都有相同的问题）：

我的 package.json 文件：

我的 angular.json 文件：

我有静态页面，我在其中导入了自定义的角度元素

app.module.ts

我的元素.component.html

我的元素.component.ts

因此，我在 angular 元素中导入了第三方 npm 日历角度组件，该组件被注入到静态网页中。

日历被渲染和实例化，但它没有应用它的 css，因此没有按预期工作。

例如这个 ui-calendar 类，它存在但未应用

问题出在哪里？