onSelect событие DatePicker не поднимается

Question

У меня есть DatePicker (index.aspx):

<form class="fancy_form"> 
    <div class="wrap_input"> 
     <i>&nbsp;</i> 
     <input type="text" class="datepicker"/> 
    </div> 
</form> 

и JS функции (index.aspx)

$(document).ready(function() { 
$(".datepicker").datepicker({ 
      onSelect: function (dataText, inst) { 
       loadFilmList(dataText); 
      } 
     }); 
    }); 

Когда я выбираю дату loadFilmList не звонить.

Одна деталь:

Есть main.js файл, в котором писал:

jQuery(function($){ 
     $.datepicker.regional['ru'] = { 
      closeText: 'Закрыть', 
      prevText: '<', 
      nextText: '>', 
      currentText: 'Сегодня', 
      monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь', 
      'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'], 
      monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн', 
      'Июл','Авг','Сен','Окт','Ноя','Дек'], 
      dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'], 
      dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'], 
      dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'], 
      weekHeader: 'Не', 
      dateFormat: 'dd.mm.yy', 
      firstDay: 1, 
      isRTL: false, 
      showMonthAfterYear: false, 
      yearSuffix: '' 
     }; 
     $.datepicker.setDefaults($.datepicker.regional['ru']); 
    }); 

$(function(){ 
     $(".datepicker").datepicker({ 
      showOn: "button", 
      buttonImage: "/assets/images/calendar.png", 
      buttonImageOnly: true 
     }); 
}); 

UPDATE: был найден Хорошо, ошибка, благодаря Пенчо. Но я не могу переместить этот блок на main.js. Вопрос: Как добавить обработчик событий после создания даты?

Спасибо.

Answer 1

ваши main.js является создание DatePicker здесь:

$(function(){ 
     $(".datepicker").datepicker({ 
      showOn: "button", 
      buttonImage: "/assets/images/calendar.png", 
      buttonImageOnly: true 
     }); 
}); 

Попробуйте переместить onSelect так:

$(function(){ 
     $(".datepicker").datepicker({ 
      showOn: "button", 
      buttonImage: "/assets/images/calendar.png", 
      buttonImageOnly: true, 
      onSelect: function (dataText, inst) { 
       alert("a"); 
      } 
     }); 
}); 

здесь является jsfiddle

Answer 2

Его просто отлично работает. Храните функцию loadFilmList внутри $(document).ready.

проверить эту скрипку: http://jsfiddle.net/gG8ZQ/

$(document).ready(function() { 
$(".datepicker").datepicker({ 
      onSelect: function (dataText, inst) { 
       loadFilmList(dataText); 
      } 
     }); 

function loadFilmList(dataText){ 
    alert(dataText); 
} 
});