định dạng thời gian fullcalendar

Question

Xin chào, tôi biết rằng chủ đề này đã được thảo luận trong các đại biểu trước đó, tuy nhiên bất chấp các chủ đề khác nhau mà tôi vẫn không thể giải quyết được vấn đề của mình. Tôi đang sử dụng toàn bộ lịch được cung cấp tại http://arshaw.com/fullcalendar/ và họ có hai cách hiển thị thời gian, ví dụ: "10: 30a" - "7p". Tôi muốn thời gian được hiển thị trên lịch sự kiện không phải là ngày đầy đủ, ở định dạng "12:00 chiều" hoặc "12:00 sáng". Vấn đề tôi gặp phải là khi bạn tải xuống toàn bộ lịch biểu, bạn có một số tệp:

fullcalendar.js, fullcalendar.css, fullcalendar.min.js, fullcalendar.print.css, gcal.js, jquery-1.9. 1.min, jquery-ui-1.10.2.custom.min

Tôi đã thử đề xuất nào khác đề xuất, đó là thay đổi trong fullcalendar.js ở định dạng thời gian và phương thức setdefault nhưng không có kết quả. Tôi thậm chí có thể xóa tệp "fullcalendar.js" và thử nghiệm của tôi vẫn hoạt động tốt. Tôi muốn biết tại sao điều này và nếu định dạng thời gian không được quản lý ở đó, nó được quản lý ở đâu? Cảm ơn

Answer 1

toàn bộ lịch cho phép bạn thay đổi thời gian mặc định bằng cách đặt định dạng thời gian (http://arshaw.com/fullcalendar/docs/text/timeFormat/). Có lẽ tốt hơn là thay đổi mã nguồn.

Tôi nghĩ lý do giải pháp của bạn không hoạt động là vì bạn đang bao gồm fullcalendar.js và fullcalendar.min.js. Các tệp này chứa cùng mã, tệp thứ hai là phiên bản được rút gọn của phiên bản đầu tiên. Các tệp được rút gọn thường được sử dụng trong các phiên bản được triển khai của các trang web trong khi phiên bản khác được sử dụng để phát triển. Vì vậy, nếu bạn muốn thực hiện thay đổi này không bao gồm phiên bản minified

Answer 2

Bạn có thể sử dụng này:

axisFormat: 'h:mm a' 

Answer 3

Trước tiên tôi nghĩ rằng bạn đang bị nhầm lẫn với rất nhiều tác phẩm, nhưng về cơ bản bạn cần chỉ cần minified của javascript và css để làm cho nó hoạt động.

Thứ hai, tôi gặp sự cố tương tự khi hiển thị thời gian chính xác. Đây là những gì tôi đã làm, nó là một chút workaround nhưng nó làm việc cho tôi, xin lỗi nếu nó bẩn.

Khi bạn khởi tạo lịch, bạn phải đặt tùy chọn cho biểu mẫu thời gian để nó hiển thị số phút ngay cả khi giờ làm tròn của nó.

jQuery('#calendar').fullCalendar({ timeFormat: 'h:mm t' }); 

Sau đó, nó chỉ xuất hiện "a" hoặc "p" not "am" hoặc "pm" vì vậy tôi đã sử dụng một chút phép thuật CSS để thêm "m" ở cuối, tôi đã tạo quy tắc:

.fc-time:after { content: "m"; } 

bây giờ bạn có thể mess lên với quan điểm tuần để bạn thêm sự cai trị

.fc-axis.fc-time:after { content: " "; } 

Và bây giờ hy vọng bạn có nó theo cách bạn muốn.

Trân

Answer 4

Sử dụng này và nó sẽ làm việc:

$('#calendar').fullCalendar({ 
timeFormat: 'hh:mm a' 
}); 

Answer 5

Nếu bạn đang sử dụng timelineDay xem, tôi phát hiện ra rằng thiết lập này sẽ làm thay đổi định dạng thời gian:

slotLabelFormat:"HH:mm" 

Answer 6

Trong scheduler.fullcalendar của bạn.js file tìm kiếm các sự kiện : [], và dưới nó thêm dòng này timeFormat: 'hh: mm A', nó sẽ hiển thị thời gian như thế này 10:20 PM và nếu bạn muốn hiển thị thời gian như thế này 22:20 sử dụng nhỏ một

Answer 7

trong fullcalendar v3, họ sử dụng moment.js để định dạng thời gian, bạn có thể định dạng sử dụng, TIMEFORMAT: 'h: mm A', bạn có thể thay đổi giữa báo giá với đầu vào trong số moment js docs page

012 này