Discussion :

[exyacc]

bonjour,

sur un formulaire j'ai mis un daterangepicker pour choisir une période de date

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
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
 
 
<div id="reportrange" class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 30%">
    <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>&nbsp;
    <span></span> <b class="caret"></b>
</div>
 
<script type="text/javascript">
$(function() {
    var start = moment();
    var end = moment();
 
    function cb(start, end) {
        $('#reportrange span').html(start.format('DD/MM/YYYY') + ' - ' + end.format('DD/MM/YYYY'));
    }
 
    $('#reportrange').daterangepicker({
        startDate: start,
        endDate: end,
        "locale": {
                "format": "MM/DD/YYYY",
                "separator": " - ",
                "applyLabel": "Appliquer",
                "cancelLabel": "Annuler",
                "customRangeLabel": "Sélectionner"
        },
        ranges: {
           'Aujourd\'hui': [moment(), moment()],
           'Hier': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
           'Ce mois': [moment().startOf('month'), moment().endOf('month')],
           'Dernier mois': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
        }
    }, cb);
    cb(start, end);  
});
 $('#reportrange').on('apply.daterangepicker', function(ev, picker) {
    var start = picker.startDate;
    var end = picker.endDate;
});
</script>

après j'affiche des données d'une bdd, j'aimerai pouvoir récupérer la date de début et de fin du daterangepicker et le mettre à la place de '2021-08-27' , '2021-08-28' dans le code suivant

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
	<table class="table table-bordered table-hover table-striped">
		  <tr>
			  <th class="text-center">CA</th>
			  <th class="text-center">Fiche Moy<a class="infobulle"><span class="disque-info">?</span><span class="infobulle">Fiche moyenne</span></a></th>
		  </tr>
		  <?php //On affiche les lignes du tableau une à une à l'aide d'une boucle
 
                 $ca_date = $auth_user->ca_date($_SESSION['user_session'], '2021-08-27' , '2021-08-28'); 
                
                  while($donnees = $ca_date->fetch(PDO::FETCH_ASSOC)){                          
                  ?>
		  <tr>
			  <td><?php echo $donnees['description']; ?></td> 		  	  				                       
			  <td align="right"><?php echo money_format('%i', $donnees['ca_tot']).' €';?></td>
			  <td align="right"><?php echo money_format('%i',$donnees['fiche_moy']).' €';?></td>
		  </tr>
		  <?php
                          } //fin de la boucle, le tableau contient toute la BDD
                          $ca_date->closeCursor(); // Termine le traitement de la requete
                          $ca_date->execute();      // pour remettre le curseur au debut
                  ?>
	</table>

merci pour vos idées !

greg

[Gobble]

Hello,

Tu peux passer des variables PHP à javascript comme ça :

Code :

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

1
2
3
4
<script>
var username = "<?php echo $myname;?>";
alert(username);
</script>

par contre passer des variables JS à PHP est un non sens puisque le serveur execute le code php, renvoi les données au client, et ensuite le JS est interprété par le navigateur.
Tu dois passer par une requête (AJAX par exemple) et récupérer la valeur $date_debut et $date_fin dans ton script PHP (tu dois forcément envoyer ces dates au serveur pour executer ta requête de tte façon)

Donc dans ton exemple tu as le choix :

soit créer un bouton et envoyer une requête POST OU GET au serveur qui charger a nouveau la page et récupérer $date_debut et $date_fin dans ton script PHP
soit créer un bouton qui fait un appel AJAX au serveur en lui envoyant les variables date_debut et date_fin et renvoyer un resultat sans rechargement.

[exyacc]

ok, merci pour ta réponse
en utilisant le datepicker de "base", j'en ai mis 2, ça marche, quand j'appelle ma page il initialise les "datepicker" en mettant la date du jour , je les change mais quand il rafraichit la pages il remet les date par def. comment je fait pour les garder ?

merci

Code html :

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

1
2
3
4
5
6
7
8
9
<p>
<form action="/consolidation.php">
  <label for="date_debut">du </label>
  <input type="date" id="date_debut" name="date_debut" value="<?php echo date('Y-m-d'); ?>" >
  <label for="date_fin"> au </label>
  <input type="date" id="date_fin" name="date_fin"   value="<?php echo date('Y-m-d'); ?>">
  <button class="btn btn-primary" type="submit">Envoyer</button>
</form>
 </p>

[exyacc]

j'ai trouvé, j'ai ajouter ça

Code php :

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

1
2
3
<?php
$date_deb_def = (isset($_GET['date_debut'])) ? $_GET['date_debut'] : date('Y-m-d'); 
?>

merci