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: '&#x3c;',
            nextText: '&#x3e;',
            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
        });
});

更新好的，发现错误，感谢Pencho。但是，我无法将此块移至main.js。问题：如何在创建datepicker之后添加事件处理程序？

感谢。

Answer 1

你的main.js在这里创建了日期选择器：

$(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);
}
});

DatePicker的onSelect事件不会上升

2 个答案: