2010-07-23 12 views
6

बस शब्दों में कहें, क्या सप्ताह के दृश्य में वर्तमान समय की स्थिति में पूर्ण कैलकुलेटर स्क्रॉल करने का कोई तरीका है?वर्तमान समय में पूर्ण कैलकुलेटर स्क्रॉल बनाना?

यह मदद करता है, मैं पर रूबी और jQuery का उपयोग कर रहा

उत्तर

10

आप का मतलब है कि आप कैलेंडर प्रदर्शित करना चाहते हैं, स्वचालित रूप से वर्तमान के आसपास केंद्रित करें दिन का समय (समय प्रस्तुत करने के लिए)?

मान लें कि आप खुश हैं कि दिन कॉलम हमेशा एक ही स्थान पर होते हैं विकल्प विकल्प में जो आपके लिए काम कर सकता है। दृश्य नियंत्रण पर

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

अधिक जानकारी here

+0

बिल्कुल वही जो मैं चाहता था! पता नहीं कैसे मैंने इसे अनदेखा किया, धन्यवाद :) – amr

1

मैं था उपलब्ध हैं:

उदाहरण के लिए, मान लें कि आपके दिए गए दृश्य में वाई axix पर घंटों की संख्या है कि 10 तो जैसे कुछ जाने एक ऐसी ही समस्या है और इस समाधान के साथ इसे हल ...

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);  
7

इस v2 पर बदल गया है, यहाँ कैसे इस नए संस्करण में यह करने के लिए है:

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

यह है कि मैं क्या ध्यान में रखते हुए वर्तमान समय में स्क्रॉल करने के लिए प्रयोग किया जाता है:

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

UX प्रयोजन के लिए, मैं निकटतम घंटे तो उपयोगकर्ता जहां स्पष्ट रूप से देख सकते हैं करने के लिए नीचे गोल (जब) कैलेंडर दृश्य है:

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

चेक Fullcalendar scrollTime पैरामीटर।

संबंधित मुद्दे