Calcul de date et affichage resultat

Bonjour
Je suis débutant en javascript et Jquery.
Je me doute que ce n'est pas bien difficile à réaliser mais je ne sais pas par ou commencer ....
Voici mon problème ...
J'ai dans ma page 2 datepicker et j'aimerais calculer le nombre de jours qu'il y a entre les 2.
Je m'explique je suis en train de coder un page de réservation, le premier datepicker me donne la date de départ et le second la date de fin.
J'aimerais avoir la différence entre ces 2 dates et l'afficher dans ma page. Et bien sur que le nombre de jours se mettent à jour lors de la modification de la date de fin.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <div class="row"> <div style="display: none" id="Reservation-alert" class="alert alert-danger col-sm-12"> @ViewBag.Reservation </div> <div class="col-md-12"> <div class="col-md-1">Debut</div> <div class="col-md-5 date"> <input type="text" class="form-control" id="datepicker1" name="startDateR"/> </div> <div class="col-md-1">Fin</div> <div class="col-md-5 date"> <input type="text" class="form-control" id="datepicker2" name="endDate"/> </div> </div> </div>
Voici le code de mes datepickers mais malheureusement pour le javascript je bloque complétement
Merci à tous et à toutes

Je te suggère de regarder du coté de la lib moment.js
https://momentjs.com/

Voilà en gros ce que fait le code..
J'ai 2 datepicker, un pour le début de la réservation et un pour la fin.
A l'arrivée sur la page, il définit d'entrée la date du jour dans le datepicker1 et la date du lendemain dans le datepicker2.
Quand je sélectionne une nouvelle date de fin, il ajoute dans un élément de ma page la différence entre les 2 dates.

Code:

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
 $("#datepicker1").datepicker({
 
        startDate: "getdate",
        startView: 1,
        maxViewMode: "month",
        language: 'fr',
        orientation: "bottom left",
        autoclose: true,
        todayHighlight: true,
        toggleActive: true,
        dateFormat: "dd/mm/yy",
        enabledHours: false,
        defaultDate: "getdate",
        minDate:"dateToday",
        onClose: function(selectedDate) {
            var myDate = $(this).datepicker('getDate');
            myDate.setDate(myDate.getDate() + 1);
            $('#datepicker2').datepicker('setDate', myDate);
        }
    });
    function afficherNbreDeJourDate() {
 
        var start = $('#datepicker1').datepicker('getDate');
        var end = $('#datepicker2').datepicker('getDate');
        var diff = 0;
        if (start && end) {
            diff = Math.floor((end.getTime() - start.getTime()) / 86400000); // ms per day
        }
        //var nbDay = Math.floor((end - start) / 1000 / 3600 / 24) + 1;
        $('#nbJour').text(diff);
    }
 
    $("#datepicker2").datepicker({
        startDate: "+2d",
        startView: 1,
        maxViewMode: "month",
        language: 'fr',
        orientation: "bottom left",
        autoclose: true,
        todayHighlight: true,
        toggleActive: true,
        dateFormat: "dd/mm/yy",
        enabledHours: false,
        minDate: "dateToday",
        onSelect : function(selectedDate) {
            afficherNbreDeJourDate();
        }
 
    });
 
    $("#datepicker1").datepicker("setDate", "0");
    $("#datepicker2").datepicker("setDate", "1");
 
});

Maintenant j'aimerais que lors de mon arrivé sur la page, il m'indique déjà 1 car il y a d'office un jour entre la date de départ et la date de fin.
Merci d'avance

Bonjour,
ne te suffit-il pas d’appeler ta fonction afficherNbreDeJourDate() au chargement !?!