2011-01-22 18 views
6

मैं वर्तमान दिन का रंग बदलना चाहता हूं, लेकिन केवल जब कैलेंडर दिन के एजेंडे दृश्य में होता है। मेरे उपयोगकर्ता कहते हैं कि उन्हें लाइनों या कुछ को देखने में मुश्किल हो रही है। मैंने प्रलेखन के साथ-साथ सीएसएस/जेएस को देखा और इसे करने का एक त्वरित तरीका नहीं मिला। क्या यह बिना किसी बड़े कोड परिवर्तन के संभव है?फुल कैलेंडर में वर्तमान दिन का रंग कैसे सेट करें?

+4

तुम किस बारे में बात कर रहे हैं का उपयोग कर:

इसके अलावा jQuery रास्ता देख लिया? – Neutralizer

+1

वह शायद jQuery UI के "fullcalendar" विजेट का जिक्र कर रहा है। –

उत्तर

11

मैं ईमानदारी से वास्तव में नहीं जानता कि आप किस बारे में बात कर रहे हैं, लेकिन jQuery UI fullcalendar विजेट वर्तमान दिन शैली के लिए सीएसएस कक्षा .fc-today का उपयोग करता है। यदि आपके परिवर्तन दिखाई नहीं दे रहे हैं, तो !important का उपयोग करने का प्रयास करें - यह हो सकता है कि कई अन्य वर्गों में से एक आपकी शैलियों को कहीं और ओवरराइड करता है।

+0

वर्तमान दिन पीला है जबकि अन्य सभी दिन सफेद हैं। मेरे उपयोगकर्ताओं को वर्तमान दिन के लिए दिन के एजेंडा दृश्य पर लाइनों को देखने में कठिनाई हो रही है क्योंकि यह पीला है। क्षमा करें मुझे और अधिक विशिष्ट होना चाहिए था और मुझे विश्वास है कि मेरी समस्या ठीक हो जाएगी। मैं वर्तमान दिन के लिए दैनिक एजेंडा दृश्य और वर्तमान दिन पर वापस आने पर, jquery के साथ .fc-आज के लिए css प्रॉपर्टी को बदल सकता हूं। धन्यवाद! – Kirrilian

1

दिन के अंत में पूर्णकेंडर के वर्तमान दिन के रंग/पृष्ठभूमि को बदलने के लिए, निम्न सीएसएस वर्ग जोड़ें और सुनिश्चित करें कि यह सभी सीएसएस शैलियों के बाद लोड हो गया है।

.fc-view-basicDay .fc-today { 
    color:....; 
    background:....; 
    } 
1
मेरे लिए

यह .ui-state-highlight.fc-today

+0

फुल कैलेंडर v2.4.0 – tr3v

4

आप एक विषय का उपयोग नहीं कर रहे हैं, तो हो गया था, यह मेरे लिए काम किया

.fc-unthemed .fc-today { 
    background: ....; 
} 
+0

संस्करण '2.9.0' –

+0

पर अच्छा काम करता है। एफसी-बीजी। एफसी-स्टेट-हाइलाइट { \t \t पृष्ठभूमि-रंग: # 009688! महत्वपूर्ण; \t \t \t} मैंने सही परिणाम प्राप्त करने के लिए इसका उपयोग किया। Fullcalender संस्करण 3.4.0 –

5

FullCalendar 2.3.1 का उपयोग कर आप कोड

.fc-today { 
    background: #FFF !important; 
    border: none !important; 
    border-top: 1px solid #ddd !important; 
    font-weight: bold; 
} 
निम्नलिखित का उपयोग कर सकते
0

मेरे पास एकाधिक कैलेंडर थे इसलिए यह काम किया:

#calendar .fc-today { 
    background: #FFF !important; 
} 

#calendar-two .fc-today { 
    background: #FFF !important; 
} 

#calendar-favorite .fc-unthemed .fc-today { ... } का उपयोग नहीं किया गया, इसलिए .fc-unthemed भाग को निकालना याद रखें। https://stackoverflow.com/a/17930817/1066234dayRender

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