Questions tagged [angular-calendar]

A calendar component for Angular 6.0+ that can display events on a month, week or day view. The successor of angular-bootstrap-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,…
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…
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…
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…
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