[英]Setting saturday and sunday not clickable in ionic calendar app
我已經在互聯網上看到了一個教程:“ https://devdactic.com/ionic-calendar-app/ ”,該教程介紹了如何在ionic中創建事件日歷,我做到了,但是如果我想在星期六做一個問題和周日,例如,令人討厭(無法在所有周六和周日設置事件),
我的日歷html文件:
<ion-header>
<ion-navbar color="BlueNew">
<ion-title>
Home
</ion-title>
<ion-buttons start>
<button ion-button icon-only (click)="addEvent()">
<ion-icon name="mail"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content>
<p style="text-align:center;">{{ viewTitle }}</p>
<ion-navbar color="white">
<ion-buttons end>
<button ion-button [disabled]="isToday" (click)="today ()">Today</button>
<button ion-button (click)="changeMode('day')">D</button>
<button ion-button (click)="changeMode('week')">W</button>
<button ion-button (click)="changeMode('month')">M</button>
</ion-buttons>
</ion-navbar>
<calendar [eventSource]="eventSource"
[calendarMode]="calendar.mode"
[currentDate]="calendar.currentDate"
(onEventSelected)="onEventSelected($event)"
(onTitleChanged)="onViewTitleChanged($event)"
(onTimeSelected)="onTimeSelected($event)"
step="30"
startHour="9"
endHour="19"
allDayLabel=""
class="calendar">
</calendar>
查找一個月中的所有星期日和星期六,然后在標記為禁用的情況下傳遞這些日期
這是工作鏈接檢查home.ts文件
https://stackblitz.com/edit/ionic-calendar-scheduler-tuuwp3
<calendar ... [markDisabled]="markDisabled"></calendar>
markDisabled = (date: Date) => {
return (date.getDay()==6 || date.getDay()==0);
};
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.