日曆在離子2可以成就我們荷蘭國際集團 「ionic2日曆」
npm install ionic2-calendar --save
然後,使用導入的app.module.ts日曆,
import { NgCalendarModule } from 'ionic2-calendar';
創建使用下面的代碼的隨機事件,
var events = [];
for (var i = 0; i < 50; i += 1) {
var date = new Date();
var eventType = Math.floor(Math.random() * 2);
var startDay = Math.floor(Math.random() * 90) - 45;
var endDay = Math.floor(Math.random() * 2) + startDay;
var startTime;
var endTime;
if (eventType === 0) {
startTime = new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate() + startDay));
if (endDay === startDay) {
endDay += 1;
}
endTime = new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate() + endDay));
events.push({
title: 'All Day - ' + i,
startTime: startTime,
endTime: endTime,
allDay: true
});
} else {
var startMinute = Math.floor(Math.random() * 24 * 60);
var endMinute = Math.floor(Math.random() * 180) + startMinute;
startTime = new Date(date.getFullYear(), date.getMonth(), date.getDate() + startDay, 0, date.getMinutes() + startMinute);
endTime = new Date(date.getFullYear(), date.getMonth(), date.getDate() + endDay, 0, date.getMinutes() + endMinute);
events.push({
title: 'Event - ' + i,
startTime: startTime,
endTime: endTime,
allDay: false
});
}
}
return events;
For Video reference看看YouTube
與事件日曆的實現看看CodeExpertz
什麼是你所得到的錯誤?什麼是問題? – n00b
我想像上面的圖像像完整的日曆... –
@ n00b我沒有得到錯誤,但我得到這樣的離子滾動日曆:https://ionicframework.com/docs/v2/components/#datetime –