如何在jquery中使用php变量值以用于将来的范围

时间:2014-04-07 06:57:16

标签: javascript php jquery html5

我根据请求的网址使用了四种颜色。 这四种颜色,我需要使用并显示在所选日历的背景中。 在日历中显示。 我试过但没有成功。

我来自带有所选选项的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'));
            }     
        }
    });
});

2 个答案:

答案 0 :(得分:2)

通过$(".click_selected").css({'background-color':'<?php echo $key;?>'}); 您正在为当前具有click_selected类

的所有元素分配bg颜色

但你真正需要的是为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;?>'});
});