abdul subhan mohammed Ответов: 1

Как изменить цвет, если дата отменена в fullcalendar jquery


Привет ребята,

Я использую FullCalendar Jquery.

Когда пользователь выбирает дату, она показывает светло-зеленый цвет в календаре.

Но когда отменяется выбор / удаление даты, она показывает, что отменяется выбор, вместо этого она отображается как
выбранный.

HTML CODE:
<div id='calendar'></div>


Что я уже пробовал:

JQUERY CODE: 

 var dates = new Array();

    function addDate(date) {
        if (jQuery.inArray(date, dates) < 0) dates.push(date);
    }

    function removeDate(index) {
        dates.splice(index, 1);
    }

    function printArray() {
        var printArr="";
        dates.forEach(function (val) {
            printArr += val + ',';
            
        });
        printArr =  printArr.slice(0, -1) ;
        var myArr = printArr.split(",");
        alert(myArr.sort());
    }
    // Adds a date if we don't have it yet, else remove it
    function addOrRemoveDate(date) {
        
        var index = jQuery.inArray(date, dates);
        if (index >= 0)
            removeDate(index);
        else
            addDate(date);

        printArray();
    }

    // Takes a 1-digit number and inserts a zero before it
    function padNumber(number) {
        var ret = new String(number);
        if (ret.length == 1) ret = "0" + ret;
        return ret;
    }
$('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    defaultView: 'month',
    events: [{
        start: '2014-11-12T13:00:00',
        end: '2014-11-12T16:00:00',
    }, ],
    selectable: true,
    select: function (start, end, jsEvent, view) {
            addOrRemoveDate(start.format());
        $("#calendar").fullCalendar('addEventSource', [{
            start: start,
            end: end,
            rendering: 'background',
            block: false,
        }, ]);
    },
    selectOverlap: function(event) {
        return ! event.block;
    }
});



плз Реф скрипка:

Я хочу удалить цвет, когда он будет снят.

Пожалуйста, ребята, помогите мне.


Спасибо

1 Ответов

Рейтинг:
1

Harpreet05Kaur

Это в CSS-файле календаря jquery, в котором вам нужно изменить цвет на none.
Вы можете выполнить следующие действия:
1. Выберите элемент управления из какого-нибудь отладчика (например, Firebug или отладчик crome по умолчанию)
2. Установите для свойства color значение none для имени, класса или идентификатора этого конкретного элемента управления .
3. Также вы можете написать свой собственный css-класс и прикрепить его к своему элементу управления.