PrimeNg日历以角度2

时间:2017-06-14 06:23:45

标签: angular primeng

我使用了角度为2的primefaces中的primeNg模块来创建时间戳。我得到它的工作,但它显示与破碎的设计。还有什么可以添加以使设计正确。我用的代码:

包版本:

"primeng": "^1.0.0-beta.7",
 "primeui": "^4.1.10"

Module.ts:

import { CalendarModule } from 'primeng/primeng';
imports: [CalendarModule]

HTML:

<p-calendar [(ngModel)]="value" showTime="showTime" formControlName="date1" hourFormat="12"></p-calendar>

目前我得到的是:

enter image description here

请帮助!!

1 个答案:

答案 0 :(得分:1)

您需要在index.html中包含css依赖项 -

<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/themes/omega/theme.css" />
<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/primeng.min.css" />

有关详细信息,请参阅设置指南here