Probleme date mkframework et javascript

**kidmig** · 07/12/2017, 16h50

Bonjour Mika,

je souhaite faire un champ "date du jour" mais je veux qu'il récupère la date du jour tout seul et qu'il l'enregistre dans la base de donnée et l'affiche dans le tableau.

Je souhaite aussi faire un champs date début et date fin et je souhaite que sa calcule dans un autre champ. Avant d'utiliser un framework je l'avais fais avec du javascript mais maintenant que j’utilise un framework j'y arrive pas, pourrais tu me venir en aides ?

Je voudrais savoir ou placer les code javascript exactement car avec ton tutoriel j'y arrive pas et je te montre le code javascript

Code :

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
	$(document).ready(function() {
 
    $( "#startdate,#enddate" ).datepicker({
      changeMonth: true,
      changeYear: true,
      firstDay: 1,
      dateFormat: 'dd/mm/yy',
    })
 
    $( "#startdate" ).datepicker({ dateFormat: 'dd-mm-yy' });
    $( "#enddate" ).datepicker({ dateFormat: 'dd-mm-yy' });
 
    $('#enddate').change(function() {
      var start = $('#startdate').datepicker('getDate');
      var end   = $('#enddate').datepicker('getDate');
 
      if (start<end) {
        var days   = (end - start)/1000/60/60/24;
        $('#days').val(days);
      }
      else {
        alert ("Tu ne peux pas retourner en arriere!");
        $('#startdate').val("");
        $('#enddate').val("");
        $('#days').val("");
      }
    }); //end change function
  }); //end ready

**imikado** · 08/12/2017, 21h19

Pour le calcul de date en JS

dans votre layout bootstrap, il faut deja ajouter l'inclusion de la lib JS permettant l'utilisation du plugin jQuery datepicker

a la fin de votre layout/bootstrap.php

Code html :

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

1
2
3
4
5
6
7
8
9
 
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
 
  </body>
</html>

puis dans votre fichier new.php

Code php :

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
 
<div class="form-group">
		<label class="col-sm-2 control-label">dates</label>
		<div class="col-sm-4"><?php echo $oForm->getInputText('startdate',array('id'=>'startdate','class'=>'form-control')) ?></div>
 
		<div class="col-sm-4"><?php echo $oForm->getInputText('enddate',array('id'=>'enddate','class'=>'form-control')) ?></div>
 
		<div class="col-sm-2"><?php echo $oForm->getInputText('days',array('id'=>'days','class'=>'form-control')) ?></div>
	</div>
 
 
		<script>	 	window.onload=function() {
 
 
    $( "#startdate" ).datepicker({ dateFormat: 'dd-mm-yy' });
    $( "#enddate" ).datepicker({ dateFormat: 'dd-mm-yy' });
 
    $('#enddate').change(function() {
      var start = $('#startdate').datepicker('getDate');
      var end   = $('#enddate').datepicker('getDate');
 
      if (start<end) {
        var days   = (end - start)/1000/60/60/24;
        $('#days').val(days);
      }
      else {
        alert ("Tu ne peux pas retourner en arriere!");
        $('#startdate').val("");
        $('#enddate').val("");
        $('#days').val("");
      }
    }); //end change function
  } ; //end ready
	</script>