Làm cho chế độ cuộn đầy đủ đến thời điểm hiện tại?

Question

Chỉ cần đặt, có cách nào để di chuyển toàn bộ lịch đến vị trí hiện tại trong chế độ xem theo tuần không?

Nếu nó giúp, tôi đang sử dụng Ruby on Rails và jQuery

Answer 1

Bạn có nghĩa là bạn muốn lịch để hiển thị, tự động tập trung vào dòng điện thời gian trong ngày (của thời gian hiển thị)?

Giả sử bạn hài lòng với các cột ngày luôn ở cùng một nơi có tùy chọn firstHour ở chế độ xem agendaWeek có thể phù hợp với bạn.

Để minh hoạ, chúng ta hãy giả định rằng số giờ trên Y-axix theo quan điểm cho bạn là 10 sau đó một cái gì đó như:

var firstHour = new Date().getUTCHours() - 5; 
$('#calendar').fullCalendar({ 
    firstHour: firstHour; 
}); 

tin chi tiết về quan điểm điều khiển có sẵn here

Answer 2

Sử dụng today function:

$('#calendar').fullCalendar('today');

Answer 3

tôi đã một vấn đề tương tự và giải quyết nó với giải pháp này ...

setTimeout(function(){ // Timeout 
    $(".fc-today").attr("id","scrollTo"); // Set an ID for the current day.. 
    $("html, body").animate({ 
     scrollTop: $("#scrollTo").offset().top // Scroll to this ID 
    }, 2000); 
}, 500);  

Answer 4

On v2 này đã thay đổi, đây là làm thế nào để làm điều đó trong phiên bản mới này:

$('#calendar').fullCalendar({ 
    defaultView: 'agendaWeek', 
    scrollTime: '09:00:00' 
}); 

Answer 5

Đây là những gì tôi đã sử dụng để di chuyển đến thời điểm hiện tại trong giao diện:

var scrollTime = moment().format("HH:mm:ss"); 
$('#calendar').fullCalendar({ 
    now: today, 
    scrollTime: scrollTime 
}); 

Đối với mục đích UX, tôi làm tròn xuống đến giờ gần vì vậy người dùng có thể thấy rõ ở đâu (khi) chế độ xem lịch là:

var scrollTime = moment().format("HH") + ":00:00"; 
$('#calendar').fullCalendar({ 
    now: today, 
    scrollTime: scrollTime 
}); 

Kiểm tra tham số fullCalendar scrollTime.