Thank you for developing jQuery UI datepicker. It is so user-friendly and beautiful, we don't have to code a calendar all from scratch! 

I am using the datepicker to show 2 calendars and it is working great! But I couldn't get the number of days to show and I couldn't get it to list out the days in between... Please help me! It might be some stupid mistake I made hahah.

For a start I couldn't even get it to count number of days...

My code:

2.   <script>
3.     $(document).ready(function() {
4.     $( "#from" ).datepicker({
5.  altField: "#alternate",
6.       altFormat: "DD, d MM, yy",
7.     //minimal date to select (today)
8. minDate: new Date( (new Date()).getTime() ),
9.    maxDate: "+60D",
10. onSelect: function(selected) {
11.           $("#to").datepicker("option","minDate", selected)
12. // alert(date1);
13. }
14.   });
15. 
    
16.     $( "#to" ).datepicker({
17.       altField: "#alternate1",
18.       altFormat: "DD, d MM, yy",
19.    minDate: new Date( (new Date()).getTime() + 3600*24*1000 ),
20.         maxDate:"+60D",
21.         onSelect: function(selected) {
22.            $("#from").datepicker("option","maxDate", selected)
23. }
24.     });
25. 
    
26.    function calcDiff() {
27. var date1 = $(this).datepicker('getDate');
28.         document.getElementById("alternate").value = date1;
29. var date2 = $(this).datepicker('getDate');
30.         document.getElementById("alternate1").value = date2;
31.             var diff = 0;
32.             if (date1 && date2) {
33.                   diff = Math.floor((date2.getTime() - date1.getTime()) / 86400000); // ms per day
34.             }
35.             $('#calculated').val(diff);
36. }
37. });
38. 
    
39.   </script>

My html for calculated is:

1. <input type="text" id="calculated">

The 2 calendars are working so I won't show it here...

Is there something wrong with the code? I have coded it according to one of the reply here in the forum.

jQUERY Forum

Please help! Thanks!