Bonjour,

j'ai un code avec 2 champs Datepicker/Bootstrap 4, une date de début et une date de fin, et l'objectif est quand on saisie la date de début, je voudrais initialiser la date de fin avec la même valeur (ce code était au point pour un Datepicker UI). Voici mon code (on gère 2 langues)(lignes 28 à 40 pour l'initialisation). Le souci est que l'init ne se fait pas :

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
if ($lang=="fr") {?>
	<table><tr><td><?php echo $str[302]; ?>: </td><td> 
	<input type="text" class="form-control datepicker" placeholder="sélectionnez une date"  name="datepickerd"></td><td><?php echo $str[313]; ?></td></tr>
	<tr><td><?php echo $str[303]; ?>: </td><td>
	<input type="text" class="form-control datepicker" placeholder="sélectionnez une date"  name="datepickerf"></td><td><?php echo $str[313]; ?></td></tr>
	<script>
        (function($){
        $.fn.datepicker.dates['fr'] = {
        days: ["dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi"],
        daysShort: ["dim.", "lun.", "mar.", "mer.", "jeu.", "ven.", "sam."],
        daysMin: ["d", "l", "ma", "me", "j", "v", "s"],
        months: ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"],
        monthsShort: ["janv.", "févr.", "mars", "avril", "mai", "juin", "juil.", "août", "sept.", "oct.", "nov.", "déc."],
        today: "Aujourd'hui",
        monthsTitle: "Mois",
        clear: "Effacer",
        weekStart: 1,
        format: "dd/mm/yyyy"
        };
        }(jQuery));
 
        $('.datepicker').datepicker({
        language: 'fr',
        autoclose: true,
        todayHighlight: true
        });
 
        $('#datepickerd').datepicker({ 
                dateFormat: 'dd-mm-yy', firstDay:1, minDate: new Date(),
                onSelect: function() {
                        if ( $("#datepickerf").val() == '' )
                        {
                                $('#datepickerf').val( $(this).val() );
                        }
                },
 
      changeMonth: true,
 
      changeYear: true          
        })
        </script>
 
<?php }
else {?>
<table><tr><td><?php echo $str[302]; ?>: </td><td> 
	<input type="text" class="form-control datepicker" placeholder="choose a date" name="datepickerd"></td><td><?php echo $str[313]; ?></td></tr>
	<tr><td><?php echo $str[303]; ?>: </td><td>
	<input type="text" class="form-control datepicker" placeholder="choose a date" name="datepickerf"></td><td><?php echo $str[313]; ?></td></tr>
 
<script>
(function($){
$.fn.datepicker.dates['en'] = {
days: ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"],
daysShort: ["sun.", "mon.", "tue.", "wed.", "thu.", "fri.", "sat."],
daysMin: ["su", "m", "tu", "w", "th", "f", "sa"],
months: ["january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december"],
monthsShort: ["jan.", "feb.", "mar.", "apr.", "may", "june", "july", "aug.", "sept.", "oct.", "nov.", "dec."],
today: "Today",
monthsTitle: "Month",
clear: "Clear",
weekStart: 1,
format: "dd/mm/yyyy"
};
}(jQuery));
 
 
$('.datepicker').datepicker({
language: 'en',
autoclose: true,
todayHighlight: true
})
 
 
$('#datepickerd').datepicker({ 
        dateFormat: 'dd-mm-yy', firstDay:1, minDate: new Date(),
        onSelect: function() {
                if ( $("#datepickerf").val() == '' )
                {
                        $('#datepickerf').val( $(this).val() );
                }
        },
        changeMonth: true,
 
        changeYear: true                
        })
</script>