calendario con php

yina07 · 24 Enero 2019, 15:03 PM

Saludos! estoy intentando hacer un calendario con php pero que solo tenga el mes de enero, y que funcione automatico, me lo han dejado de tarea en la universidad, pero todos los que encuentro tienen todos los meses del año y no se como hacerlo (no se casi nada de php) hasta ahora esto es lo que tengo de codigo, me podrian ayudar con lo que me falta por favor? Gracias!

codigo:

Código (html5) [Seleccionar]

<!DOCTYPE html>
<html>
<head>
	<title>Calendario en PHP</title>
	<link rel="stylesheet" type="text/css" href="../../css/bootstrap.css">
</head>
<body>
	<div class="container">
		<table class="table">
			<tr>
				<th colspan="7" class="text-center">Enero 2019</th>
			</tr>
			<tr>
				<th class="text-danger">Domingo  </th>
				<th>Lunes</th>
				<th>Martes</th>
				<th>Miércoles</th>
				<th>Jueves</th>
				<th>Viernes</th>
				<th class="text-danger">Sábado</th>
			</tr>
			
			
			<tr>
			    
			    <td></td>
			    <td></td>
			    <td>1</td>
			    <td>2</td>
			    <td>3</td>
			    <td>4</td>
			    <td>5</td>
			       
			</tr>
			
			
			<tr>
			
			    <td>6</td>
			    <td>7</td>
			    <td>8</td>
			    <td>9</td>
			    <td>10</td>
			    <td>11</td>
			    <td>12</td>
			
			</tr>
				
			
			<tr>
			
			    <td>13</td>
			    <td>14</td>
			    <td>15</td>
			    <td>16</td>
			    <td>17</td>
			    <td>18</td>
			    <td>19</td>
			
			</tr>
			
				<tr>
			
			    <td>20</td>
			    <td>21</td>
			    <td>22</td>
			    <td>23</td>
			    <td>24</td>
			    <td>25</td>
			    <td>26</td>
			
			</tr>
			
			
				<tr>
			
			    <td>27</td>
			    <td>28</td>
			    <td>29</td>
			    <td>30</td>
			    <td>31</td>
			   
			
			</tr>
		
			
			<?php
     
            
          
			?>
		</table>
	</div>
	
</body>
</html>

Robocop8 · 24 Enero 2019, 16:11 PM

creo que tienes que usar una funcion de la fecha y hora, no se bien.. te ayudaria con el codigo pero no se php

iCoke · 24 Enero 2019, 21:48 PM

que queres decir con que "funcione automatico" , que el dia en el que estas se coloree automaticamente? podes usar JS? o quieren que sea PHP puro, la tabla la podes formar con un ciclo for. si me das un poco mas de info veo si te puedo ayudar, saludos.

iCoke · 24 Enero 2019, 22:25 PM

index.php

Código [Seleccionar]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="estilos.css">
    <title>Calendario</title>
</head>
<body>
    <table>
        <caption class="calendar__month">Enero 2019</caption>
        <tr class="calendar__week">
                <th class="calendar__day calendar__item">Domingo</th>
				<th class="calendar__day calendar__item">Lunes</th>
				<th class="calendar__day calendar__item">Martes</th>
				<th class="calendar__day calendar__item">Miércoles</th>
				<th class="calendar__day calendar__item">Jueves</th>
				<th class="calendar__day calendar__item">Viernes</th>
			    <th class="calendar__day calendar__item">Sábado</th>
        </tr>
        <tr class="calendar__dates">
            <td></td>
			<td></td>
        <?php
            $fecha = date("d");
            for ($i = 1; $i <= 31; $i++) {
                if($i == $fecha){
                    echo "<td class='calendar__date calendar__item yellow'>".$i."</td>";
                }else{
                    echo "<td class='calendar__date calendar__item'>".$i."</td>";
                }
                
            };


        ?>
        </tr>
    </table>
</body>
</html>

CSS

Código [Seleccionar]

body{
    min-height:100vh;
    display:flex;
    background:linear-gradient(-45deg,hsl(330,100%,50%),hsl(30,100%,50%));
  }
  
  .calendar{
    width:90%;
    max-width:400px;
    margin:auto;
  }
  
  .calendar__header{
    background:rgba(0,0,0,.3);  
  }
  .calendar__month{
    text-align:center;
    line-height:2;
    color:#fff;
    font-size: 1.2em;
    
  }
  .calendar__item{
    text-align:center;
    line-height:2;
  }
  .calendar__date{
    color:#fff;
    background-color: rgba(255,255,255,.2);
  }
  .calendar__week,
  .calendar__dates {
    display:grid;
    grid-template-columns:repeat(7,1fr); 
    grid-gap:4px;
  }
  .calendar__week{
    margin-bottom: 4px;
    color:rgba(255,255,255,.5);
  }
  .calendar__date:first-child{
    grid-column:5;
  }

  .yellow{
      background-color: yellow;
      color:black;
  }

Espero estote sirva, si no podes usar ni css , es un poco mas complejo pero vamos viendo, avisa cualquier cosa!

yina07 · 26 Enero 2019, 17:38 PM

Cita de: iCoke en 24 Enero 2019, 21:48 PM
que queres decir con que "funcione automatico" , que el dia en el que estas se coloree automaticamente? podes usar JS? o quieren que sea PHP puro, la tabla la podes formar con un ciclo for. si me das un poco mas de info veo si te puedo ayudar, saludos.

Exacto! que vaya apuntando el dia de la fecha actual, y ya el css el profesor lo dejo hecho no me hace falta eso, y correcto no puedo usar js es puro php, solo del mes de enero como dije, intente con el codigo que me dejaste y no me funciono, tiene que ser a partir del codigo que deje porque ya tengo los dias en orden solo me falta ponerlo a funcionar automatico con el php. Ahi te deje una imagen para que veas como esta

Test Foro de elhacker.net SMF 2.1

calendario con php

yina07

Robocop8

iCoke

iCoke

yina07