A calendar component for Angular 6.0+ that can display events on a month, week or day view. The successor of angular-bootstrap-calendar.
Questions tagged [angular-calendar]
110 questions
1
vote
1 answer
how can i get change event of today, next and previous button?
I am using angular-calendar plugin to display my event in calendar but I want get it's change event it's possible ?
Jatin Devani
- 194
- 2
- 7
1
vote
0 answers
Add drop-down in angular calendar for changing Activity status
I'am using angular-calendar with a custom template as given here : https://mattlewis92.github.io/angular-calendar/#/custom-templates,
What i want to do :- i want a dropdown box inside my day-cell for changing Activity status…
user shah
- 33
- 8
1
vote
0 answers
Angular Calendar from mattlewis92/angular-calendar show events by users list in Week/Month View
I have implemented angular-calendar from (https://github.com/mattlewis92/angular-calendar) in my angular project and it works fine, now I'm trying to show events by users list in the Week and month View. I'm trying to show something like this:
Week…
James
- 1,190
- 5
- 27
- 52
1
vote
1 answer
Customizing cell template for week view on Angular Calendar 6+
How to customize cell template for week view? We have necessity of show a popover on segment time clicked (there are more check about this), and i want change the template of [hourSegmentTemplate].
Can you send an example?
Thank you
Edit:
I use this…
giolongo
- 21
- 3
1
vote
0 answers
Why calendar show Chinese date by using angular6.0+ calendar and angularx-flatpickr
I'm following this demo to add a calendar in my project, but it shows Chinese date type in calendar instead of English type.
And I have tried the dateFormat,
dateFormat="l, F j, Y TH:i"
altFormat="F j, Y H:i"
but it…
Moneyduoduo
- 11
- 2
1
vote
1 answer
How to disable all the dates before current date in Angular 6.0+ Calendar week view
I wanted to disable all past date before current date in Angular 6.0+ Calendar week view.
https://stackblitz.com/edit/angular6-calendar
Nithin mm
- 131
- 1
- 10
1
vote
2 answers
Why does Angular Calendar show plain texts and numbers only?
The picture above is the only display when I added Angular Calendar. Does it have conflict with Font Awesome? Because I installed Font Awesome in my Angular project with Angular Material as its main styling and component…
Char
- 2,073
- 8
- 28
- 45
1
vote
1 answer
angular7:- one component into two siblings component
I have one angular component, which shows angular-calendar on monthly basis(Jan/2019, feb,2019...). I am showing 6 months and also have navigation buttons to move the calendar months back and forth. First I created one component and implemented all…
developer
- 301
- 3
- 14
1
vote
0 answers
Render custom template datewise in Angular6 calendar
I have a requirement where i want to render a custom template for particular dates on angular calendar.
I have created a custom template and passed it to calendar like below
…
pankaj
- 1,030
- 5
- 19
- 41
1
vote
3 answers
Why is WeekDay cssClass property not working?
I'm trying to style the selected day in a week view using angular-calendar.
From the docs, using dayHeaderClicked($event) it should be possible to add a cssClass property to $event.day, however, it does not seem to work for me.
My code looks like…
Johnny Beltran
- 701
- 2
- 8
- 22
1
vote
0 answers
Angular calendar: Custom css added in beforeWeekViewRender event is being removed on resize event
On resize event, custom css class is being removed and on mouseup, the beforeWeekViewRender is triggered and in consecuence, the custom css re added. This happend in week view.
I can found the root cause of the issue. In day view works fine.
`In…
Felipe Rojo Amadeo
- 141
- 1
- 7
1
vote
0 answers
Angular calendar has not exported member 'DateAdapter' in angular 5
I have installed this angular calendar module in my angular 5 application , by this command .
npm install --save angular-calendar@0.24.1 date-fns.
I'm getting this error
I see there is no docs for angular 5 .
Can anyone help me in this how to use…
Asad
- 3,070
- 7
- 23
- 61
1
vote
2 answers
Angular wont detect change for reference object when using injected service's aray for angular-calendar
So I am using angular-calendar and I have a dialog for when I press a button, right now I add a random event object to my calendarservice events array for testing purposes:
onButtonClick() {
var date = addHours(new Date(), 2)
…
Syrus Yeung
- 21
- 3
1
vote
0 answers
Angular-Calendar context menu not working how to bring up?
I am trying to integrate the angular-calendar context menu from here..
https://mattlewis92.github.io/angular-calendar/#/context-menu on of the child module called Calendar integrates it.
after installing all necessary module, the context-menu not…
3gwebtrain
- 14,640
- 25
- 121
- 247
1
vote
1 answer
AngularJS angular-ui-calendar TypeError: this.$compile is not a function; this.$compile has value when inside $onInit(), but undefined when outside
In my constructor function I pass:
constructor($compile, uiCalendarConfig) {
'ngInject';
this.$compile = $compile;
this.uiCalendarConfig = uiCalendarConfig;
}
and when I log it's value inside $onInit() at the start of it
$onInit() {
…
JohnDoenym
- 55
- 1
- 7