datepicker - beforeShowDay не работает

Question

Я пытаюсь использовать beforeShowDay, чтобы заблокировать дни из календаря. Я нашел это Fiddle code, который работает. Но я не могу понять, почему мой код не работает для меня. Я не получаю сообщений об ошибках. Я вижу даты на консоли, которые не равны -1, проблема в том, что календарь не блокирует даты, которые недоступны (даты, которые возвращают -1). Пользователь может выбрать любую дату, которую они хотят.

Это мой HTML:

<div class="input-group input-append date" id="dateRangePicker"> 
    <input type="text" id="date" class="form-control" name="date" /> 
    <span class="input-group-addon add-on"><span class="glyphicon glyphicon-calendar"></span></span> 
</div> 

и это мой JQuery:

availableDates = ['04-25-2015','04-27-2015','04-22-2015']; 
    $('#date').datepicker({ 
    dateFormat: 'mm-dd-yy', 
    startDate: "04-20-2015", 
    endDate: "01-01-2016", 
    beforeShowDay: function(d) { 
     var dmy = (d.getMonth()+1) 
     if(d.getMonth()<9) 
      dmy="0"+dmy; 
     dmy+= "-"; 

     if(d.getDate()<10) dmy+="0"; 
      dmy+=d.getDate() + "-" + d.getFullYear(); 

     console.log(dmy+' : '+($.inArray(dmy, availableDates))); 

     if ($.inArray(dmy, availableDates) != -1) { 
      return [true, "","Available"]; 
     } else{ 
      return [false,"","unAvailable"]; 
     } 
    }, 
    todayBtn: "linked", 
    autoclose: true, 
    todayHighlight: true 
    }); 

Answer 1

Я создал скрипку комбинируя свой код и по ссылке вы предоставили, и я думаю, что его за работой. Я просто использовал его метод initialize и назвал его datepicker. Проверить THIS DEMO

EDIT - Для версии вы упомянули вам нужно добавить внешний ресурс для DatePicker [jquery-ui.css и jquery-ui.js].

Проверить это обновление FIDDLE