Hi,

I have  a datepicker like this:

1. <input type="text" id="dateFrom" name="dateFrom" readonly required />

1. <input type="text" id="dateTo" name="dateTo" readonly disabled required />

and I have the below code for it but I don't know why I can't choose 2016?

2. <script type='text/javascript'>//<![CDATA[ 
3. // $(window).load(function(){
4. $(function() {
5.     var fromDate = $("#dateFrom").datepicker({
6.         defaultDate: "+1w",
7. dateFormat: 'dd-M-yy',
8.         changeMonth: true,
9.         numberOfMonths: 1,
10.         // minDate: new Date(),
11.         onSelect: function(selectedDate)
12. {
13.             var instance = $(this).data("datepicker");
14.             var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
15.             date.setDate(date.getDate()+30);
16.             // toDate.datepicker("option", "minDate", date);
17. toDate.datepicker("option", "minDate", $("#dateFrom").val());
18. 
    
19. var start = $('#dateFrom').datepicker('getDate');
20. var end   = $('#dateTo').datepicker('getDate');
21. var days   = (end - start)/1000/60/60/24;
22. if (days < 0) $("#lblTotal").text(0); else $("#lblTotal").text(days+1);
23. 
    
24. if($("#dateFrom").datepicker("getDate") !== null)
25. {
26. $("#dateTo").attr("disabled", false);
27. }
28.         }
29.     });
30.     
31.     var toDate = $("#dateTo").datepicker({
32.         defaultDate: "+1w",
33. dateFormat: 'dd-M-yy',
34.         changeMonth: true,
35.         numberOfMonths: 1,
36. onSelect: function(selectedDate)
37. {
38. var start = $('#dateFrom').datepicker('getDate');
39. var end   = $('#dateTo').datepicker('getDate');
40. var days   = (end - start)/1000/60/60/24;
41. if (days < 0) $("#lblTotal").text(0); else $("#lblTotal").text(days+1);
42. }
43.     });
44. });

can you please help...

Thanks,

Jassim