how to make a horizontal calendar in a range of dates in php?

Question

how to make a horizontal calendar in a range of dates in php?

Navigation

#1 by (1 votes)
#2 by (1 votes)

2

I need to make a calendar of events but be horizontal, I've seen several tutorials to make a calendar of events but only per month and I need one that is several months that's why I need the calendar to be horizontal like this

I have created a code that generates a calendar per year, very similar to the image but, the bad thing is that I need the calendar to be in a range of dates that can be from the same year as from a different year. here where I block and I do not know how to do it.

I pass the code aunq as he said is not what I want

<?php 


date_default_timezone_set('America/Bogota');

setlocale( LC_TIME, 'spanish' );

$year=isset( $_GET[ 'chooseYear' ] ) ? $_GET[ 'chooseYear' ] : " ";
//echo $year;
$meses=['ENERO','FEBRERO','MARZO','ABRIL','MAYO','JUNIO','JULIO','AGOSTO','SETIEMBRE','OCTUBRE','NOVIEMBRE','DICIEMBRE'];
//$month='2017-01';
    if ($year!=" ") {
        for ($j=1; $j <=12 ; $j++) { 
        for ( $i=1;$i<=date( 't', strtotime( $year."-".$j ) );$i++ ) {
        //echo $year."-".$i."/";
        $calendar[$j][$i]="<input type='checkbox'>";

        if ((($year % 4 == 0) && (($year % 100 != 0) || ($year % 400 == 0))) && $j==2) {
            $calendar[$j][30]=" ";
            $calendar[$j][31]=" ";
        }

        else if($j==2) {
            $calendar[$j][29]=" ";
            $calendar[$j][30]=" ";
            $calendar[$j][31]=" ";
        }
        if ($j==4 || $j==6 || $j==9 || $j==11) {
            $calendar[$j][31]=" ";
        }

        }
    }
    }else{
        echo "Seleccione anio";
    }
    //var_dump($calendar);
    //echo count($calendar[1]);
 ?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ASISITENCIA TEST</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
    <div class="container-fluid">
    <br><br>
        <form action="" method="get">
        <div class="col-sm-offset-3 col-sm-3">
            <select name="chooseYear" id="" class="form-control">
                <option value="2017">2017</option>
                <option value="2018">2018</option>
                <option value="2019">2019</option>
                <option value="2020">2020</option>
                <option value="2021">2021</option>
            </select>
        </div>  
        <div class="col-sm-3">  
            <button class="btn btn-primary" type="submit">Enviar</button>
        </div>  
        </form>
        <br>
        <br>
        <br>
        <table class="table table-striped">
            <thead>
                <tr style="background-color: gray;color: white">
                    <th>MES/AÑO</th>
                    <th colspan="31" style="text-align: center;">DIA</th>                   
                    <th colspan="3" style="text-align: center;">DOSIS MENSUAL</th>              
                </tr>
                <tr style="font-size: 12px">
                    <th></th>
                    <th>1</th>
                    <th>2</th>
                    <th>3</th>
                    <th>4</th>
                    <th>5</th>
                    <th>6</th>
                    <th>7</th>
                    <th>8</th>
                    <th>9</th>
                    <th>10</th>
                    <th>11</th>
                    <th>12</th>
                    <th>13</th>
                    <th>14</th>
                    <th>15</th>
                    <th>16</th>
                    <th>17</th>
                    <th>18</th>
                    <th>19</th>
                    <th>20</th>
                    <th>21</th>
                    <th>22</th>
                    <th>23</th>
                    <th>24</th>
                    <th>25</th>
                    <th>26</th>
                    <th>27</th>
                    <th>28</th>
                    <th>29</th>
                    <th>30</th>
                    <th>31</th>
                    <th>Mensual</th>
                    <th>Acumulado</th>
                    <th>Faltas</th>
                </tr>
            </thead>
            <tbody>
                <?php if ($year!=" ") { ?>
                    <?php for ($i=1; $i <=12 ; $i++) { ?>   
                        <tr id="fila<?php echo $i;  ?>">
                            <td><?php echo $meses[$i-1].'/'.$year?></td>
                            <?php for ($j=1; $j <=count($calendar[1]); $j++) { ?>
                            <td><?php echo $calendar[$i][$j]; ?></td>
                            <?php } ?>
                            <td style="text-align: center;" id="mensual<?php echo $i; ?>"> </td>
                            <td style="text-align: center;" id="acumulado<?php echo $i; ?>"></td>
                            <td style="text-align: center;">0</td>
                        </tr>   
                    <?php } ?>
                <?php } ?>

            </tbody>
        </table>
    </div>
    <script src="js/jquery-3.1.1.min.js"></script>
    <script>
    /*  $(document).ready(function(){


    $("#fila1 input[type=checkbox]").change(function(){
        var elemento=this;
        var contador1=0;


        $("#fila1 input[type=checkbox]").each(function(){
            if($(this).is(":checked"))
                contador1++;
        });
        $("#mensual1").html(contador1);
        $("#acumulado1").html(contador1);
    });

    $("#fila2 input[type=checkbox]").change(function(){

        var elemento=this;
        var contador2=0;


        $("#fila2 input[type=checkbox]").each(function(){
            if($(this).is(":checked"))
                contador2++;
        });
        $("#mensual2").html(contador2);
        var suma=contador1+contador2;
        $("#acumulado2").html(suma);
    });
});*/
    </script>
</body>
</html>

php

asked by ingswsm 03.07.2017 в 09:19

source

2 answers

Error in JQuery can not use two scripts at the same time Execute the for by changing a piece of string

score 1 · Answer 1

Try to pass to a function the following:

function getEventCalendar($year){
if ($year!=" ") {
    for ($j=1; $j <=12 ; $j++) { 
    for ( $i=1;$i<=date( 't', strtotime( $year."-".$j ) );$i++ ) {
    //echo $year."-".$i."/";
    $calendar[$j][$i]="<input type='checkbox'>";

    if ((($year % 4 == 0) && (($year % 100 != 0) || ($year % 400 == 0))) && $j==2) {
        $calendar[$j][30]=" ";
        $calendar[$j][31]=" ";
    }

    else if($j==2) {
        $calendar[$j][29]=" ";
        $calendar[$j][30]=" ";
        $calendar[$j][31]=" ";
    }
    if ($j==4 || $j==6 || $j==9 || $j==11) {
        $calendar[$j][31]=" ";
    }

    }
}
}else{
    echo "Seleccione anio";
}
return $calendar;
}

In this way, just by calling the function getEventCalendar (2017) you can have in a variable the entire calendar of that year:

$annio2017 = getEventCalendar(2017);
$annio2016 = getEventCalendar(2016);

And if now you only want x months, you know that $ annio2017 and $ annio2016 are arays of arrays, so putting:

$annio2017[0] // tendrías enero
$annio2017[5] // junio

Save these desired months in an array:

$meses = array();
$meses[] = $annio2017[0];
$meses[] = $annio2017[5];

and then in the loop that prints, you have to go through this array.

Paste in this way, is that the years / months you have to choose them statically in the code, if you want to do something more dynamic, you would have to make a form (like the one you have now) but with more options to be able to choose with more precision, and then with a bit of php take the fields of the form, process what months of years it asks for, and select those in particular.

I hope I could help something. Greetings.

score 1 · Answer 2

Good, I understand that your problem then is logical as opposed to how to face the problem:

My proposal is as follows:

You have a start date and end date field.

Just like you do checking the year and the month it's fine to paint.

After those filters, you have one more filter that would be the check of the start day (of the first month) and end (of the last month) - the ones that are selected in the fields of the form -

Pintas check only if it is greater than the start day and if it is less than the end day.

I hope to be of help, greetings !!