2012-07-20 25 views
6

Tôi muốn tinh chỉnh nó theo nhu cầu của mình để điền lịch với các sự kiện và có chế độ xem tháng được sửa đổi thành Lịch như trên iPhone (các ô lớn được tô màu khi có sự kiện).Sửa đổi FullCalendar thành Phiên bản Di động

Nếu tôi sửa đổi .fc-day-number lớp css, tôi có thể sẽ làm cho số ngày lớn hơn. Thỏa thuận thực sự đối với tôi là hiểu kịch bản để tôi có thể xóa các thanh sự kiện và thêm chúng làm màu nền của các ô ngày. (Được điều khiển qua tùy chọn màu của sự kiện)

Nếu một ngày được nhấp vào nó sẽ tạo danh sách các sự kiện trong lịch để nhấp vào và chỉnh sửa chúng hoặc thêm sự kiện mới và một số thứ khác tương tác với cơ sở dữ liệu.

Nếu ai đó quan tâm đến tôi sẽ rất vui nếu anh ấy/cô ấy cho tôi một bàn tay giúp đỡ ;-)

EDIT:

tôi đã viết rằng tôi muốn thêm các sự kiện như màu nền cho những ngày. Vì vậy, tôi đã cố gắng hiểu mã từ arshaw và cách anh ấy thêm sự kiện vào chế độ xem theo tháng của lịch.

Trong hàng 4590 trong hàm daySegHTML(segs) anh ấy viết dữ liệu div/html sự kiện nhưng không có chiều cao, chỉ có chiều rộng và vị trí nằm ngang.

Ông nào đó trong dòng 4842 trong hàm daySegSetTops(segs, rowTops) nơi seg.top là hàng đầu trong daycell, rowTops[seg.row] là hàng đầu trong div lịch và seg.row là weekrow (0-5).

Với seg.start.getDay() bởi daySegHTML() bạn nhận được ô ngày trong hàng tuần. Tôi đã sử dụng nó để lấy tên lớp trong phần tử tr để thêm sự kiện.

Trả lời

3

Hãy xem điều này. Đây là một phiên bản được tối ưu hóa cho các thiết bị di động! https://github.com/JordanReiter/fullcalendar-mobile

+0

Tôi không thể thấy những gì anh ấy đã thay đổi ở đó ... đó không phải là điều tôi muốn làm. Các thanh sự kiện thực sự bất tiện trên iPhone. Như đã nói tôi muốn một chiếc iPhone như Lịch, nơi mà ngày dễ dàng để chọn và nhận được vào một cái nhìn ngày. – LightMonk

+0

Bạn có bản trình diễn về giao diện của phiên bản dành cho thiết bị di động không? –

Các vấn đề liên quan