Questions tagged [primeng-calendar]
112 questions
12
votes
7 answers
PrimeNG calendar bug when applying css class from bootstrap
I have this strange bug where I use PrimeNG to display a DatePicker in my application. When I try to use bootstrap's form-control, I get a visual bug.
Here is my template:
…
Shimrod
- 3,115
- 2
- 36
- 56
11
votes
3 answers
PrimeNG datatable date range filter
Filter date range ||
Datatable
I need some help on how to filter date range..dateCreated
I want to search date created in search input, but it seems, it's not working. No records found. I was searching about custom filter, and I'm having a hard time…
graphicnerd
- 121
- 1
- 1
- 6
8
votes
1 answer
Why am I obtaining this strange behavior trying to use different color for different event type dragged into a PrimeNG FullCalendar component?
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
6
votes
1 answer
How to dinamically change Angular FullCalendar event color (of a specific event)?
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
6
votes
2 answers
Converting ISO-8601 string to local date in typescript/javascript
I am developing in Angular 6. I keep form values as json in a database when new record is saved.If end user wants to show exists record , I fill form components from json data.But I got into trouble for casting date values . I wasn't be able to cast…
Adem Aygun
- 550
- 2
- 6
- 25
6
votes
2 answers
PrimeNG Calendar open Z index error
I am using primeNG calendar and whenever the calendar opens under the input box it is behind all the other html elements. But when it opens above the input box everything is ok.
Talnaci Sergiu Vlad
- 922
- 1
- 10
- 17
6
votes
2 answers
PrimeNG Calendar error - JQuery is not defined
I want to use PrimeNG calendar in my app. When I run the code, I get the error:
ReferenceError: jQuery is not defined.
Other PrimeNG directives work fine. If I remove the error disappears.
I have imported and included Calendar in my…
norweny
- 313
- 1
- 3
- 15
5
votes
2 answers
is it possible to hide the Input field in the Primeng Calendar?
Is it possible to hide the input field in the primeng calendar, and show only the icon? I don't want to change the p-calendar element to inline, but just display the icon that will pop up the calendar.
component.html
…
chris
- 2,490
- 4
- 32
- 56
5
votes
3 answers
Open PrimeNG calendar programmatically
I'm using the PrimeNG components w/Angular 4 but I'm running into an issue - that is how do I display the calendar when my button is clicked?
See Plunker
@Component({
selector: 'my-app',
template: `
Hello {{name}}
…
chris
- 51
- 1
- 5
5
votes
0 answers
PrimeNG - p-calendar component validation issue
I've written a custom form control which is in fact a wrapper around p-calendar component. Component definition looks like below (Note:- I've removed some code to make it simple)
export class MyDatePickerComponent implements ControlValueAccessor,…
A J Qarshi
- 2,772
- 6
- 37
- 53
4
votes
1 answer
Why PrimeNG p-calendar doens't show the value of the date?
I am finding the following problem using PrimeNG Calendar component.
Into the HTML view of my Angular component I have defined this PrimeNG component tag:
AndreaNobili
- 40,955
- 107
- 324
- 596
4
votes
1 answer
Unable to drag and drop external events into FullCalendar dayGridView
I am going crazy with a very strange problem that I am facin using PrimeNG FullCalendar component, this one: https://primefaces.org/primeng/showcase/#/fullcalendar
That is based on the Angular FullCalendar component, this one:…
AndreaNobili
- 40,955
- 107
- 324
- 596
4
votes
2 answers
Primeng calendar module angular 9
I use angular 9, primeng 9
I have my module : ItemModule :
import { CalendarModule } from 'primeng/calendar';
@NgModule({
imports: [
CalendarModule
.....
],
.....
})
But I get the error :
ERROR in…
frint
- 771
- 1
- 7
- 14
4
votes
1 answer
how to use PrimeNG calendar with yearNavigator (doesn't work)
I wanted to use the primeng calendar with month and year selector.
I copy-paste the code example from their site, but I don't see the year selector.
My Dependencies:
"primeicons": "^1.0.0",
"primeng": "^6.1.2",
tal faran
- 117
- 2
- 10
3
votes
0 answers
PrimeNG calendar control ignores the dataType setting until the user modifies the selected dates
StackBlitz minimal repro (plus our hacky fix) here: https://primeng-calendar-demo-mejdfy.stackblitz.io
We're using the PrimeNG calendar control in multi-select mode.
To avoid hassles with conversion between client and UTC timezones, we've put the…
acha11
- 31
- 2