पूर्ण कैलेंडर शीर्षक

Question

मैं वर्डप्रेस, दुर्जेय रूपों और पूर्ण कैलेंडर का उपयोग कर रहा एक पूर्व-आरक्षित कैलेंडर समाधान

मैं के लिए छोड़कर काम कर सब कुछ बनाने के लिए मैं कम से एक फ़ॉन्ट भयानक आइकन जोड़ना चाहते हैं के लिए फ़ॉन्ट भयानक चिह्न जोड़ें कैलेंडर में प्रत्येक शीर्षक के सामने।

यदि मैं नीचे दिए गए कोड की तरह शीर्षक में कोई HTML जोड़ता हूं तो मुझे केवल मुद्रित कोड दिखाई देता है और अंतिम परिणाम नहीं।

$('#calendar').fullCalendar({ 
 
    events: [ 
 
     { 
 
      title : '<i class="fa fa-asterisk"></i>event1', 
 
      start : '2010-01-01' 
 
     }, 
 
     { 
 
      title : 'event2', 
 
      start : '2010-01-05', 
 
      end : '2010-01-07' 
 
     }, 
 
     { 
 
      title : 'event3', 
 
      start : '2010-01-09T12:30:00', 
 
      allDay : false // will make the time show 
 
     } 
 
    ] 
 
});

आप में से किसी को सही दिशा में मुझे बात कर सके ?? :-)

सादर

मैट

Answer 1

आप शीर्षक eventRender समारोह के अंदर फ़ॉन्ट भयानक आइकन prepending संशोधित कर सकते हैं।

मैंने कुंजी आइकन के साथ एक विकल्प जोड़ा: यदि आइकन परिभाषित किया गया है तो ईवेंट रेंडर फ़ंक्शन में Fontawesome आइकन जोड़ता है।

चेक इस उदाहरण:

$('#calendar').fullCalendar({ 
    events: [ 
    { 
     title : 'event1', 
     start : '2015-10-01', 
     icon : "asterisk" // Add here your icon name 
    }, 
    { 
     title : 'event2', 
     start : '2015-10-05', 
     end : '2015-10-07' 
    }, 
    { 
     title : 'event3', 
     start : '2015-10-09T12:30:00', 
     allDay : false // will make the time show 
    } 
], 
eventRender: function(event, element) { 
    if(event.icon){   
     element.find(".fc-title").prepend("<i class='fa fa-"+event.icon+"'></i>"); 
    } 
    }   
}) 

Answer 2

अगर आप आइकन के साथ एक पाठ बदलना चाहते हैं, तो आप नीचे दिए गए कोड का उपयोग कर सकते

eventRender: function(event, element) { 
    element.find(".fc-title").html(function() { return $(this).html().replace("Rs", "<i class='fa fa-inr'></i>")}); 
}