2015-04-23 16 views
5

Tôi bắt đầu sử dụng Fullcalendar và yêu thích docs. Tuy nhiên, tôi bị kẹt với sự cố sau:FullCalendar.js: Hiển thị nền với nhãn thời gian?

Hiển thị nền với nhãn thời gian?

Tôi có một người dùng chỉ định thời gian có sẵn của mình và một người dùng khác có thể thực hiện lựa chọn trong số những thời điểm đã cho. Để cho phép selection, chúng tôi cần đặt rendering: 'background' trong mảng sự kiện, nếu không sự kiện chính đang chặn chèn sự kiện. Nhưng khi sử dụng nền render các nhãn thời gian biến mất:

enter image description here

Vậy làm thế nào tôi có thể nói Fullcalendar để tiếp tục hiển thị những nhãn thời gian ngay cả trong chế độ dựng hình nền?


Tôi sẽ rất vui nếu ai đó có thể giúp tôi.

+0

phiên bản là gì ?? – jasilva

+1

Tôi đang sử dụng mới nhất, hiện tại fullcalendar-2.3.1 –

+0

Ở đây bạn đi: http://stackoverflow.com/q/29831332/1066234 –

Trả lời

6

Thêm nhãn thời gian vào sự kiện nền không đến "ra khỏi hộp" nhưng thật dễ dàng để thực hiện với cuộc gọi lại eventRender.

eventRender: function(event, element, view){ 
    if(event.rendering === "background"){ 
     // Just add some text or html to the event element. 
     element.append(event.start.format('HH:mm') + " - " + 
         event.end.format('HH:mm')); 
    } 
}, 

Bạn có thể thêm một hoặc hai khoảng thời gian nếu bạn muốn định dạng tốt hơn.

Dưới đây là một JSFiddle với nó làm việc (Sử dụng mã cơ sở tương tự như của bạn other question)

+1

nếu tôi nối thêm một liên kết ở đây, nó sẽ hiển thị chính xác, nhưng khi nhấp chuột, toàn bộ lịch biểu sẽ cố gắng tạo sự kiện mới ngay cả khi 'Event.overlap == false' – ptica

+1

@ptica, Thêm trình xử lý sự kiện được kết nối vào liên kết và ngăn việc truyền bá. như vậy: http://jsfiddle.net/rho79s7w/22/ – slicedtoad

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