How to calculate the difference in days between two calendar dates and display as output in HTML

See more:

Javascript

HTML

PHP

DateTime

Below is my code how i calculate days result between two calendar . I have tried and it is work well. but the problem is it is just alert the number of day. Not appear as result or output after I select start date and end date from calendar . Can u help me how can I change that alert to be a result (or output appear in textbox or as label) automatically after user pick a date from calendar ? #please help me.

What I have tried:

<title>Travel Agency :: Home ::




 
$(document).ready(function(){
    var $datepicker1 =  $( "#datepicker1" );
    var $datepicker2 =  $( "#datepicker2" );
    $datepicker1.datepicker();
    $datepicker2.datepicker({
         onClose: function() {
            var fromDate = $datepicker1.datepicker('getDate');
            var toDate = $datepicker2.datepicker('getDate');
            // date difference in millisec
            var diff = new Date(toDate - fromDate);
            // date difference in days
            var days = diff/1000/60/60/24;

            alert(days);
        }
    });
});



<label>Start Date: <input type="text" id="datepicker1"></label>
<label>End Date: <input type="text" id="datepicker2"></label>

</body>
</html>