如何在fullcalendar中改变单个单元格的颜色(无需点击)

问题描述 投票:-2回答:1

我需要在fullcalendar中改变一天的颜色,但不需要点击它。当启动网页时,我需要在fullcalendar中把某一天的颜色改为红色,怎么做呢?


这是我的代码。

<html>
<head>
<title>Calendario</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0  /css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/moment.min.js"></script>
<link rel="stylesheet" href="css/fullcalendar.min.css">
<script src="js/fullcalendar.min.js"></script>
<script src="js/locale/es.js"></script> <!--con esto cambiamos el idioma a  español-->
</head>
<body>
<div class="container">
    <div class="row">
    <div class="col"></div>
    <div class="col-7"><div id="CalendarioWeb"> </div></div>
    <div class="col"></div>
</div>
</div>
<script>
$(document).ready(function(){
$('#CalendarioWeb').fullCalendar();
});

$('#CalendarioWeb').fullCalendar({
  dayClick: function(date) {
      if (date.isoWeekday() == 6 || date.isoWeekday() == 7) 
      {alert("No");
      }
      //window.location.href="http://localhost/calendario/newfile.html";
      //alert('Clicked on: ' + date.format());
      var fecha=date.format();
      var res = fecha.split("-");
      window.location.href="http://localhost/calendario/newfile.php"+ "?año="+res[0]+"&mes="+res[1]+"&dia="+res[2];    
      //alert('Clicked on: ' + res[0]);
      <?php echo ("$(this).css('background-color', 'red')");?>  
  }
});

$('body').on('click', 'button.fc-prev-button', function() {
  alert("hola");
});

$('body').on('click', 'button.fc-next-button', function() {
//alert("hola");
<?php echo "alert('hola como estan');"?>
});

</script>

</body>
</html>
javascript css fullcalendar
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.