Questions tagged [primeng-calendar]
112 questions
1
vote
1 answer
PrimeNG Calendar - Date displayed incorrectly
I'm working with Angular and PrimeNG and I'm facing this problem: there is a form and a specific field is obtained with a calendar. When I pick the date, the format is incorrect, because the year is duplicated: i.e. 25/01/20222022 rather than…
Antonio Nappi
- 13
- 3
1
vote
2 answers
How can I define a conditional value for this Angular attribute defined into my HTML?
I am working on an Angular app using PrimeNG. I am asking if I can conditionally add a PrimeNG component attribute based on the value of a property. Into my HTML page I have something like this:
AndreaNobili
- 40,955
- 107
- 324
- 596
1
vote
0 answers
PrimeNG styling issues in Angular 2
I'm trying to use PrimeNG's Calendar component, but the styles aren't working. These are all the steps I took:
I installed PrimeNG using the command: npm i primeng
I imported the CalendarModule in my app.module.ts:
import {CalendarModule} from…
jipthechip
- 157
- 1
- 13
1
vote
1 answer
How do I pass calendar format values in database using primeng component?
I have created a .html and .ts file (code as below), I have used primeng component to set the calendar and the values I'm getting the data from the calendar is {Sat Mar 16 2021 10:58:55 GMT+0530 (India Standard Time)} but I need to pass the datetime…
Rahul
- 11
- 6
1
vote
2 answers
PrimeNG calendar clear current/today date when the user selects some other date on the calendar
I'm using p-calendar in my app to take input from the user for a particular time. The calendar works fine. However even when I click on some other date on the calendar, the current date also remains selected in the calendar. So even though the new…
wazza
- 173
- 5
- 15
1
vote
1 answer
style for disabled dates on primeNG calendar not working
I'm trying to add styling for some disabled dates on primeNG calendar, in the documentation it's suggested to use disabledDateTemplate. However, that does not seem to work and I couldn't find a single solution online either.
ash
- 53
- 1
- 7
1
vote
0 answers
PrimeNG p-calendar not able to navigate to next months
I have a p-calendar in which the datetime will be displayed in a text box as current date+1 by default.
What I am trying to achieve is that, I need to update the textbox with updated datetime, ie the text box is only displayed based on a dropdown…
Coder
- 79
- 8
1
vote
0 answers
Angular Full Calendar: is it possible avoid that an event starting in a day and ending in the next day is graphically shown on both days?
I am working on an Angular application using PrimeNG Full Calendar component, this one: https://primefaces.org/primeng/showcase/#/fullcalendar
That is based on the Angular FullCalendar component, this one: https://fullcalendar.io/
Here you can find…
AndreaNobili
- 40,955
- 107
- 324
- 596
1
vote
2 answers
Disable PrimeNG Calendar month selection in Typescript
I am using PrimeNg Calendar in my angular 7 project, wanted to disable month navigator on some conditions at the component level.
Ex: Current Month is February, I want to disable month navigator after the march month.
Using :host and ::ng-deep I…
user2038538
- 221
- 5
- 16
1
vote
1 answer
Unable to change the primeng calendar style
I am using primeng '7.0.0' for the p-calendar component. when I click on the datepicker icon the calendar component is opening in the upside direction (Pic below).
I want to reduce the width and height of this component. I tried the below code but…
Sunny
- 858
- 3
- 17
- 39
1
vote
2 answers
how to give the custom message to calendar for required field in Prime-NG
how to give the custom message to calendar for required field in Prime-NG.
If the form is submitted we will get the default message as Please fill out this field but can we get the custom message for p-calendar.
I have tried with
AVINASH M
- 487
- 3
- 7
- 19
1
vote
2 answers
How to set default date of prime-ng calendar when it is selected
I'm using the prime-ng calendar and I can't figure out how to set the default date when it is opened. The problem is that I know how to set a default value for the form field when the page is opened, but I want that field to stay empty. I only want…
csStudent
- 128
- 2
- 12
1
vote
1 answer
Angular unit testing prime ng calendar
Inside a unit test, when I have a regular element I can set its value, trigger a change event and verify the form value matches like so:
const hostElement = fixture.nativeElement;
const userIdSelect: HTMLInputElement =…
Luke D
- 138
- 10
1
vote
0 answers
primeng calendar not visible
In a Visual Studio 2017 Angular 7 project, I am using PrimeNG version 6.1.7. I have a component with multiple child components, and some of those child components use the PrimeNG calendar. This was working without any problem at all as of 3/6/2019,…
JRS
- 569
- 9
- 26
1
vote
3 answers
PrimeNG Calendar - appendTo something else than body
The problem:
I am using a p-calendar, in a narrow HTML page : very low height. In that case, the calendar just hide the input field with a bad positionning
Step to reproduce :
go to https://www.primefaces.org/primeng/#/calendar
Resize the…
Deunz
- 1,776
- 19
- 32