Le sélecteur de temps PrimeNG ne me permet pas de changer l'heure

Question

J'utilise PrimeNG pour ses fonctions de calendrier, mais j'essaie de faire fonctionner le sélecteur de temps car cela ne me permettra pas de changer l'heure. Voici le code que j'ai pour dans mon modèle:

<div class="ui-g-12 ui-md-4"> 
    <h3>Time Only </h3> 
    <p-calendar [(ngModel)]="date8" [timeOnly]="true"></p-calendar> 
</div> 

Ce que je vois est la suivante:

Comme vous pouvez le voir, il ne me permet pas de changer le temps parce que la les flèches n'apparaissent pas comme dans les docs. Merci.

Answer 1

Il vous manque l'exigence Font-Awesome, qui vous donnerait les icônes dont vous avez besoin.

vous devez exécuter npm install font-awesome --save dans votre dossier de projet, puis assurez-vous d'ajouter la section styles de votre fichier angularcli.json (cette information est disponible dans la section Get Started du site PrimeNg.

"styles": [ 
    "../node_modules/font-awesome/css/font-awesome.min.css", 
    "../node_modules/primeng/resources/primeng.min.css", 
    "../node_modules/primeng/resources/themes/omega/theme.css", 
    //... 
],