Giờ làm việc theo lịch đầy đủ

Question

Tôi đang cố gắng sử dụng tùy chọn Giờ làm việc, nhưng tôi không thể phản ánh các thay đổi.

tôi muốn hiển thị nhiều giờ làm việc

đây là mã;

$('#calendar').fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    }, 
    defaultDate: '2014-11-12', 
    editable: true, 
    eventLimit: true, // allow "more" link when too many events 
    businessHours: 
     [ 
     { 
    start: '10:00', // a start time (10am in this example) 
    end: '12:00', // an end time (12pm in this example) 
    dow: [ 1,2,3,4 ] 
    // days of week. an array of zero-based day of week integers (0=Sunday) 
    // (Monday-Thursday in this example) 
    }, 
    { 
    start: '12:00', // a start time (12pm in this example) 
    end: '18:00', // an end time (6pm in this example) 
    dow: [ 1,2,3,4 ] 
    // days of week. an array of zero-based day of week integers (0=Sunday) 
    // (Monday-Thursday in this example) 
    }] 
    }); 

Answer 1

như vậy

businessHours: 
    { 

      start: '11:00', 
      end: '12:00', 
      dow: [ 1, 2, 3, 4, 5] 
    }, 

để sử dụng giờ khác nhau cho những thay đổi khác nhau -> sự kiện sử dụng nền

events: 
[ 
    { 
     id: 'available_hours', 
     start: '2015-1-13T8:00:00', 
     end: '2015-1-13T19:00:00', 
     rendering: 'background' 
    }, 
    { 
     id: 'work', 
     start: '2015-1-13T10:00:00', 
     end: '2015-1-13T16:00:00', 
     constraint: 'available_hours' 
    } 
] 

Để biết thêm thông tin, xem liên kết này, http://fullcalendar.io/docs/event_ui/eventConstraint/

Có một số cách khác nhau bạn có thể tiếp cận thi s, tùy thuộc vào cách bạn sử dụng lịch. Hy vọng rằng sự linh hoạt của các ràng buộc sẽ giúp bạn có được những gì bạn cần.

Khá vui khi tính năng này cuối cùng cũng xuất hiện!

Answer 2

Tôi phải hiển thị khe thời gian FullCaledar từ 8 giờ sáng đến 8 giờ tối cố định, vì vậy tôi đã thực hiện một số R & D và áp dụng các tùy chọn sau, và có vẻ như hoạt động tốt !!! Chúc mừng.

jq('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next', 
      center: 'title', 
      right: 'today,month,agendaWeek,resourceDay' 
     }, 
     defaultView: 'resourceDay', 
     allDaySlot: false, 
     axisFormat: 'h:mm A', 
     timeFormat: 'h:mm T', 
     minTime: '08:00:00', 
     maxTime: '20:00:00', 

sử dụng, minTime: '08: 00: 00' , maxTime: '20: 00: 00'

Cảm ơn !!!