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
0
votes
2 answers
Angular-calendar label doesn't allow attributes in HTML label other than href
So I'm working on an application that uses the package angular-calendar to show calendars, but it seems to encounter a weird behavior in which I cannot see what I'm doing wrong.
I'm basically trying to add multiple attributes to an element…

Ruben Szekér
- 1,065
- 1
- 10
- 21
0
votes
1 answer
angular-calendar create event for only working-days with https://mattlewis92.github.io/angular-calendar/#/kitchen-sink
I am creating events for the calendar using https://mattlewis92.github.io/angular-calendar/#/kitchen-sink.
As per the documentation events are created like below :
events: CalendarEvent[] = [
{
start: subDays(startOfDay(new Date()), 1),
…

ramya k
- 1
- 2
0
votes
0 answers
Why I need to click to make my angular app render?
My app is at here. When I have a fast connection, it doesn't have problem. But when I simulate a slow connection, I have to touch/click the screen in order for my app to render. I think it's specific to my usage of angular-calendar. Anyone has any…

ycshao
- 1,768
- 4
- 18
- 32
0
votes
2 answers
Angular calendar | Need a default scroll view to 8AM- 11PM in Day/Week With a fixed Header
I would need a default scroll view to 8AM- 11PM in Day/Week With a fixed Header which includes an option of choosing the Month/Day/Week and the Previous/Next/Today buttons. But the time before 8AM shld be scrollable if the user wishes to see it.…

Preethi Rajaraman
- 363
- 1
- 8
- 18
0
votes
0 answers
Only ngb-modal-backdrop showing, modal not working, while integrating mattlewis92 Angular 6.0+ calendar
Integrated Angular 6.0+ calendar to school project (I'm a web development beginner), all other functionalities are working, but when opening up a modal, only the modal backdrop activates. Tried disabling the ngb-modal-backdrop CSS in the browser,…

ixi9
- 1
- 1
0
votes
1 answer
angular.js Uncaught Error: [ng:areq] Argument 'fn' is not a function, got Moment while working on angular-ui-calendar based calendar widget
I've found this topic earlier es6 import moment.js in angular angular.js Error: [ng:areq] Argument 'fn' is not a function, got Moment, unfortunately, it wasn't solved.
So I decided to refresh this question and ask it again, this time by myself.
I'm…

JohnDoenym
- 55
- 1
- 7
0
votes
1 answer
How to convert the Jquery Implemenation to angular 6
I have a using https://github.com/nekken/ng2-fullcalendar/ below library for my calander, But there have limited options in this library, so i have used full calender api for extend to fullfill business requriements.
So here is the function…

Mohamed Sahir
- 2,482
- 8
- 40
- 71
0
votes
1 answer
Unable to save calendar data into firebase
I am creating a hall booking feature in my app. In this app, I want to save start date and time and end date and time for a hall booking. When a user books a hall for a full day the date color should be changed.
Here I can get the data from the…

Mahi Parmar
- 515
- 3
- 10
- 31
0
votes
2 answers
Force dayClick on default - AngularCalendar
I'm using AngularCalendar, especially the clickable days functionality. I need to force programatically dayClicked on default, e.g. when user opens page with calendar he must see today selected.
I've tried to construct new CalendarMonthViewDay, but…

eveline29
- 3
- 3
0
votes
4 answers
How to change the width of ng-fullcalendar
I would like to manually change the width and the height. I can change the height and the aspect ratio in the calendar options:
this.options = {
height:700,
aspectRatio:1.5}
But, I don't know how to change the width of the calendar
I also tried…

lads
- 1,125
- 3
- 15
- 29
0
votes
0 answers
*error TS1003: Identifier expected
I am following this tutorial enter link description here for an angular calender app. I am stuck in an error that contains this error in the compille time:
error TS1003: Identifier expected. when i try to import
import { ... } from…

fahad navaid khan
- 101
- 4
- 18
0
votes
0 answers
How to push date from calendar into startAt() function in angularJS
angular.module('...', ['...'])
.controller('main', main);
function main($scope, $firebaseArray) {
$scope.assign = function() {
$scope.assigned = $scope.deviceName;
};
$scope.today = function () {
// must put to set…

Audrey Wong
- 53
- 7
0
votes
1 answer
Stacked ng bootstrap modal lose focus
I have a ng bootstrap modal with an angular-calendar inside of it (https://github.com/mattlewis92/angular-calendar#getting-started) like this:
When I click in a day with a badge I open another modal, but when I close this second modal I can't make…

Juan
- 2,024
- 3
- 17
- 36
0
votes
1 answer
How to resolve Rx_1.map error in Angular?
Hi I am new in Angular and trying to use MEAN stack. MEAN setup I installed successfully and working perfectly fine. I tried to use angular calendar in my project. I installed required libraries for angular calendar but shown this error…

Unknow User
- 55
- 2
- 7
0
votes
1 answer
How can I achieve the click event in week view of angular 2+ calendar?
HTML Template
In the component file
weekDayClick($event){
console.log("I need the…

VIKAS KOHLI
- 8,164
- 4
- 50
- 61