angular-calendar

bind status value from component to html in angular-calendar

霸气de小男生 提交于 2021-02-11 15:09:24
问题 I'am using angular-calendar with a custom template as given here : https://mattlewis92.github.io/angular-calendar/#/custom-templates, I have array of date and status of task on that date in my component arr = [ { 3: "success" }, { 1: "Rejected" }, { 18: "success" }, { 10: "Pending" }, { 9: "success" }, { 8: "Rejected" }, ] in html file i have dropdown in cell of calender month view What i want to do is if status on date given in arr is "success" then in calendar on that date dropdown selected

Angular calendar | Need a default scroll view to 8AM- 11PM in Day/Week With a fixed Header

馋奶兔 提交于 2021-01-29 08:01:52
问题 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. Something similar to what we have in google calendar. Let me know how i can bring this out. 回答1: I just found a post answering the same question : https://github.com/mattlewis92/angular-calendar/issues/828 demo : https://stackblitz.com/edit/angular

How to get selected date from ionic-2 calendar onchange() method

微笑、不失礼 提交于 2020-02-06 07:30:47
问题 I am using ion2-calendar. this is my html: <ion-calendar [(ngModel)]="date" (onChange)="onChange($event)" [type]="type" [format]="'YYYY-MM-DD'"> </ion-calendar> and this is onchange in ts: onChange($event) { console.log("onchange event called"); console.log(moment().format('DD-MM-YYYY')); } This is my console: onSelect event called 25-06-2018 But i am always getting current month and year,no matter which date I choose. Only the date value is changing. Its showing current month and year in the

Calendar don't show events in first load, only after trigger any element in window

不打扰是莪最后的温柔 提交于 2019-12-11 20:05:36
问题 Calendar don't show events in first load. Only when I trigger any event like click in button to change the view from month to week for example. I'm using Angular Calendar 6 + LINK My project is made in Angular 6 . The calendar don't show data in first load, only after it when I trigger any event. Everything is working as expected, so Ill give the Html (part of them) and the most important: the most important in this case. HTML ... <div [ngSwitch]="view"> <mwl-calendar-month-view *ngSwitchCase

Hour display hourSegments angular-calendar

浪尽此生 提交于 2019-12-11 17:01:09
问题 In my calendar I need to display the time of day and week as follows: 09:00, 09:15, 09:20. I upgraded the package to the latest angular-calendar version 0.26.1 and now the code below is giving error and I can no longer display the time as before. module.ts: class CustomDateFormatter extends CalendarNativeDateFormatter { public dayViewHour({ date, locale }: DateFormatterParams): string { return new Intl.DateTimeFormat('ca', { hour: 'numeric', minute: 'numeric' }).format(date); } } // It does

Angular calendar async http 'map' of undefined

送分小仙女□ 提交于 2019-12-11 05:34:24
问题 I try to install the angular calendar in my app, I have the data of the events in the database, but when I try to call them I get an error: ERROR TypeError: Cannot read property 'map' of undefined at MapSubscriber.eval The original code is here: https://mattlewis92.github.io/angular-calendar/#/async-events My component.ts : import { Component, ChangeDetectionStrategy, ViewEncapsulation, OnInit } from '@angular/core'; import { ConsultaService } from '../../services/consulta/consulta.service';