我有implemented a jquery fullcalendar
一个 ROR 应用程序。在 fullcalendar 的月视图中,I need to change the background color of the dates from start date to end date.
我得到了开始日期和结束日期。但我不能change the background color of these dates
。我已经尝试过如下方式,但日历的所有月份(从开始日期到结束日期)都在变化。有没有其他方法可以实现这一目标?请帮忙。我是 Javascript 的新手。
$(document).ready(function () {
var calInstance = $('#calendar')
$('.task_name').live('click', function () {
alert(this.id);
$.ajax({
url: 'pending_task_details',
dataType: 'json',
cache: false,
data: {
task_id: this.id
},
success: function (data, response, event, date) {
var start_date = new Date(data.start_date);
var end_date = new Date(data.end_date);
alert("The start date is....." + start_date);
alert("The end date is..........." + end_date);
for (i = start_date; i <= end_date; i = new Date(i.getTime() + 86400000)) {
getCellFromDate(i, calInstance);
}
}
});
});
function getCellFromDate(thisDate, calInstance) {
var d = thisDate.getDate();
var m = thisDate.getMonth();
var y = thisDate.getFullYear();
$('#calendar').fullCalendar('gotoDate', y, m, d);
var coords = calInstance.fullCalendar('getView').dateCell(new Date(thisDate)),
$row = calInstance.find('.fc-view-month tbody tr').eq(coords.row),
$cell = $row.find('td').eq(coords.col);
$($cell).find('.fc-day-number').parent().css('background-color', '#6E5849');
$($cell).find('.fc-day-number').css({
'background-color': '#6E5849',
'border': '1px solid #6E5849'
})
}
});