Récupérer les données entre 2 dates

**Zarkoffe** · 08/04/2019, 10h42

Bonjour,
Le système est simple : l'utilisateur doit rentrer 2 dates, et cliquer sur un bouton qui va ouvrir une fenêtre modal et lui afficher dans un tableau toutes les factures entre ces 2 dates.
Mon problème : j'ai les 2 alert() de mes fails qui se déclenchent lorsque je clique sur "Filtrer". Voici mon fichier avec les 2 inputs et le button :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<div id="trifactures" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h3 class="modal-title"><img src="../Assets/favicon.png" style="width: 60px; height: 60px;">Trier mes factures</h3>
            </div>
            <div class="modal-body">
                <!-- ENTRE 2 DATES -->
                <div class="form-group row flex-v-center">
                    <div class="col-xs-3 col-sm-3" style="padding-top:6px;">
                        <label for="from">Filtrez entre 2 dates:</label>
                    </div>
                    <div class="col-xs-3">
                        <input type="date" class="form-control" id="date1"/>                 
                    </div>
                    <div class="col-xs-1 text-center" style="padding-top:6px;">
                        <label for="to">et</label>
                    </div>
                    <div class="col-xs-3">
                        <input type="date" class="form-control" id="date2"/>  
                    </div>
                    <div class="col-xs-2">
                        <span class="input-group-btn">
                            <button type="button" id="2date" class="btn btn-primary" data-toggle="modal" data-target="#trifacture_date" onclick="date2send()">Filtrer</button>
                            <?php include 'filtres/trifacture_date.php' ; ?>
                        </span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Fermer</button>
            </div>
        </div>			 
    </div>
</div>
 
<script>                
    function date2send()
    {           
        //first
        //var date_first = $( "#date1" ).val(); 
        $.ajax({
            method: "POST",
            url: "filtres/trifacture_date.php",
            data: {"date_first": $("[id$='date1']").val()}
        })
        .done(function( retour_html ) {
            $("#datefirst").html( retour_html );
            alert('ok 1 ');
        })
        .fail(function() {
            alert( "error date first" );
        });
        //last
        //var date_last = $( "#date2" ).val();
        $.ajax({
            method: "POST",
            url: "filtres/trifacture_date.php",
            data: {"date_last": $("[id$='date2']").val()}
        })
        .done(function( retour_html ) {
            $("#datelast").html( retour_html );
            alert(' ok 2 ');
        })
        .fail(function() {
            alert( "error date last" );
        });
    }
    -->
</script>

Et ensuite, si besoin, la fenêtre modale (filtres/trifacture_date.php) qui est censé réceptionner les variables et les traiter.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<div id="datefirst datelast">
    <div id="trifacture_date" class="modal fade bd-example-modal-lg" role="dialog">
        <div class="modal-dialog" style="width:1200px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h3 class="modal-title"><img src="../Assets/favicon.png" style="width: 60px; height: 60px;">Tri de facture - Par DATE</h3>
                </div>
                <div class="modal-body">
                    <?php $datefirst  = isset($_POST['date_first'])? $_POST['date_first']:'null'; 
                    $datelast  = isset($_POST['date_last'])? $_POST['date_last']:'null'; 
                    echo $datefirst;
                    echo $datelast;
                    ?>
 
 
                    <!-- ENTRE 2 DATES -->
                    <?php $messages = array();
 
                    $recup_messages = $bdd->query('SELECT * FROM facture WHERE facture_date BETWEEN "'.$datefirst.'" AND "'.$datelast.'"');
 
                    while($all = $recup_messages->fetch())
                    {
                    $messages[] = $all;
                    } ?>
 
                    <table id="factures_tri" class="table table-bordered table-striped table-condensed table-hover">
                        <thead> 
                        <tr>
                            <th width="15%">N° facture</th>
                            <th width="10%">Date Facture</th>
                            <th width="15%">Fournisseur</th>
                            <th width="15%">Produit</th>
                            <th width="5%">Quantité</th>
                            <th width="5%">Montant</th>
                            <th width="5%"></th>
                        </tr> 
                        </thead>
                        <?php foreach($messages as $message) { ?>
                        <tr>
                            <td><h4><B><?php echo $message['facture_ref'] ?><B></h4></td>
                            <td><textarea rows="2" cols="13" type="date" class="form-control" id="facture_date" value="<?php echo $message['facture_date'] ?>" ><?php echo $message['facture_date'] ?></textarea></td>
                            <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_fournisseur" value="<?php echo $message['facture_fournisseur'] ?>" ><?php echo $message['facture_fournisseur'] ?></textarea></td>
                            <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_produit" value="<?php echo $message['facture_produit'] ?>" ><?php echo $message['facture_produit'] ?></textarea></td>
                            <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_quantite" value="<?php echo $message['facture_quantite'] ?>" ><?php echo $message['facture_quantite'] ?></textarea></td>
                            <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_montant" value="<?php echo $message['facture_montant'] ?>" ><?php echo $message['facture_montant'] ?></textarea></td>
                            <td>
                            <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                            <button type="submit" class="btn btn-success btn-block" name="interlocuteur_update">Modifier</button>
 
                            <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                            <button type="submit" class="btn btn-danger btn-block" name="interlocuteur_delete">Supprimer</button>
                            </td>
                        </tr>
                        <?php } ?>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Fermer</button>
                </div>
            </div>			 
        </div>
    </div>
</div>
 
<script>
    $(document).ready(function() {
      $('#factures_tri').DataTable();
    });
  </script>

Merci d'avance!

**SpaceFrog** · 09/04/2019, 09h14

Pourquoi 2 Ajax ???

**Zarkoffe** · 09/04/2019, 09h15

Si il y a un moyen de faire ce que je fais en un seul, je suis preneur!

Merci d'avance

**SpaceFrog** · 09/04/2019, 09h26

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 $.ajax({
            method: "POST",
            url: "filtres/trifacture_date.php",
            data: {"date_first": $("[id$='date1']").val(),  "date_last": $("[id$='date2']").val()}
        })

du coup sur ta page de traitement tu récupères les deux valeurs,
tu fais la requête qui va bien ...
tu construis le html qui va bien ...

et dans le done tu colles le html retourné ou tu veux

**Zarkoffe** · 09/04/2019, 09h42

D'accord je vois merci!
Du coup par rapport à mon pb initial, je n'ai plus 2 alert() mais une seule du coup (le fail du passage de mes variables). Et pas d'erreur dans ma console.
Je te mets le code actualisé ci-dessous:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<div id="trifactures" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h3 class="modal-title"><img src="../Assets/favicon.png" style="width: 60px; height: 60px;">Trier mes factures</h3>
            </div>
            <div class="modal-body">
                <!-- ENTRE 2 DATES -->
                <div class="form-group row flex-v-center">
                    <div class="col-xs-3 col-sm-3" style="padding-top:6px;">
                        <label for="from">Filtrez entre 2 dates:</label>
                    </div>
                    <div class="col-xs-3">
                        <input type="date" class="form-control" id="date1"/>                 
                    </div>
                    <div class="col-xs-1 text-center" style="padding-top:6px;">
                        <label for="to">et</label>
                    </div>
                    <div class="col-xs-3">
                        <input type="date" class="form-control" id="date2"/>  
                    </div>
                    <div class="col-xs-2">
                        <span class="input-group-btn">
                            <button type="button" id="2date" class="btn btn-primary" data-toggle="modal" data-target="#trifacture_date" onclick="date2send()">Filtrer</button>
                            <?php include 'filtres/trifacture_date.php' ; ?>
                        </span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Fermer</button>
            </div>
        </div>			 
    </div>
</div>
 
<script>                
    function date2send()
    {           
        //first
        //var date_first = $( "#date1" ).val(); 
        $.ajax({
            method: "POST",
            url: "filtres/trifacture_date.php",
            data: {"date_first": $("[id$='date1']").val(),  "date_last": $("[id$='date2']").val()}
        })
        .done(function( retour_html ) {
            $("#datefirst").html( retour_html );
            $("#datelast").html( retour_html );
            alert('ok 1 ');
        })
        .fail(function() {
            alert( "error dates" );
        });
    }
</script>

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<div id="datefirst datelast">
    <div id="trifacture_date" class="modal fade bd-example-modal-lg" role="dialog">
        <div class="modal-dialog" style="width:1200px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h3 class="modal-title"><img src="../Assets/favicon.png" style="width: 60px; height: 60px;">Tri de facture - Par DATE</h3>
                </div>
                <div class="modal-body">
                    <?php $datefirst  = isset($_POST['date_first'])? $_POST['date_first']:'null'; 
                    $datelast  = isset($_POST['date_last'])? $_POST['date_last']:'null'; 
                    echo $datefirst;
                    echo $datelast;
                    ?>
 
 
                    <!-- ENTRE 2 DATES -->
                    <?php $messages = array();
 
                    $recup_messages = $bdd->query('SELECT * FROM facture WHERE facture_date BETWEEN "'.$datefirst.'" AND "'.$datelast.'"');
 
                    while($all = $recup_messages->fetch())
                    {
                    $messages[] = $all;
                    } ?>
 
                    <table id="factures_tri" class="table table-bordered table-striped table-condensed table-hover">
                        <thead> 
                        <tr>
                            <th width="15%">N° facture</th>
                            <th width="10%">Date Facture</th>
                            <th width="15%">Fournisseur</th>
                            <th width="15%">Produit</th>
                            <th width="5%">Quantité</th>
                            <th width="5%">Montant</th>
                            <th width="5%"></th>
                        </tr> 
                        </thead>
                        <?php foreach($messages as $message) { ?>
                        <tr>
                            <td><h4><B><?php echo $message['facture_ref'] ?><B></h4></td>
                            <td><textarea rows="2" cols="13" type="date" class="form-control" id="facture_date" value="<?php echo $message['facture_date'] ?>" ><?php echo $message['facture_date'] ?></textarea></td>
                            <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_fournisseur" value="<?php echo $message['facture_fournisseur'] ?>" ><?php echo $message['facture_fournisseur'] ?></textarea></td>
                            <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_produit" value="<?php echo $message['facture_produit'] ?>" ><?php echo $message['facture_produit'] ?></textarea></td>
                            <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_quantite" value="<?php echo $message['facture_quantite'] ?>" ><?php echo $message['facture_quantite'] ?></textarea></td>
                            <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_montant" value="<?php echo $message['facture_montant'] ?>" ><?php echo $message['facture_montant'] ?></textarea></td>
                            <td>
                            <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                            <button type="submit" class="btn btn-success btn-block" name="interlocuteur_update">Modifier</button>
 
                            <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                            <button type="submit" class="btn btn-danger btn-block" name="interlocuteur_delete">Supprimer</button>
                            </td>
                        </tr>
                        <?php } ?>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Fermer</button>
                </div>
            </div>			 
        </div>
    </div>
</div>
 
<script>
    $(document).ready(function() {
      $('#factures_tri').DataTable();
    });
  </script>