我根据请求的网址使用了四种颜色。 这四种颜色,我需要使用并显示在所选日历的背景中。 在日历中显示。 我试过但没有成功。
我来自带有所选选项的prev页面和点击后生成的网址
选定日期的CSS
.selected {
font-weight: bold;
}
日历的标准j查询
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar').fullCalendar({
header: {
left: ''/*,next,today'*/,
center: 'title',
right: 'next'/*'month,basicWeek,basicDay'*/
},
editable: true,
dayClick: function(date, allDay, jsEvent, view) {
var myDate = new Date();
if (date < myDate) {
// Do not do anything
} else {
console.info($.fullCalendar.formatDate( date, 'dd-MMMM-yyyy'));
$(this).parent().parent().find('.selected').removeClass('selected');
$(this).parent().parent().find('.click_selected').removeClass('click_selected');
// change the day's background color just for fun
$(this).addClass('selected');
$(this).addClass('click_selected');
$("#selectedDate").val($.fullCalendar.formatDate( date, 'dd-MMMM-yyyy'));
}
}
});
});
答案 0 :(得分:2)
通过$(".click_selected").css({'background-color':'<?php echo $key;?>'});
您正在为当前具有click_selected类
但你真正需要的是为click_selected类设置另一个bg颜色。
你可以在头部开始做这样的事情:
<style>
.click_selected {
background-color:<?php echo $key;?>;
}
</style>
答案 1 :(得分:-1)
您可以将php值分配给javascript变量,例如
$(document).ready(function() {
var jVariable ="<?php echo $phpValue;?>";
});
然后你可以在你的javascript中使用jVariable
。
可以编写
中的所有代码$(document).ready(function{
<?php
$bookingTtype = strtolower(base64_decode($get['opt']));
$colorArray = array("#D3542D"=>"meeting_room","#509DCE"=>"conference_room","#F3B804"=>"hot_desk","#7AB44C"=>"solo_studio");
$key = array_search($bookingTtype , $colorArray);
?>
$(".click_selected").css({'background-color':'<?php echo $key;?>'});
});