jQuery: Выбор диапазона дат: предварительная дата в элементе - PullRequest
Новая
       9

jQuery: Выбор диапазона дат: предварительная дата в элементе

0 голосов
/ 14 ноября 2010

Итак, у меня есть этот сборщик:

http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/

Теперь, как я могу добавить предварительно выбранную дату / дату в элемент div #viewCalender, когда вы выбрали дату? Я пытался сделать: 

        <script type="text/javascript"> 
            $(function(){
                  $('#rangeA').daterangepicker({
                  arrows:true,
                  onChange: function(){
$('#calenderView').prepend('test');
}
                  }); 
             });
        </script>

Но он дважды добавляет «test» в #calenderView, даже пытался с помощью только предупреждений, и я получаю два предупреждения после выбора даты, которую я не понимаю, почему ??? И как мне добавить в него дату / дату?

1 Ответ

0 голосов
/ 14 ноября 2010

Публикация полного HTML-документа, который можно скопировать и сразу попробовать, очень поможет.

Я могу только догадываться, но я бы сказал: 

$(function() {
    $('#rangeA').daterangepicker({
        arrows: true,
        onChange: function(event) {
            // try this one
            event.stopPropagation()
            $('#calenderView').prepend('test');
            // and/or this
            return false;
        }
    });
});

Редактировать

Я прочитал руководство, и там говорится, что onChange являетсяобратный вызов, который «выполняется всякий раз, когда ввод даты изменяется (может произойти дважды при выборе диапазона).»

http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/

Я установил точку останова и отладил этот скрипт с помощью Firebug.И все-таки, onSelect (строка 69) сработал дважды, и из-за этого options.onChange (строка 90) сработал дважды.

Может быть, вы хотите использовать onClose вместо onChange: 

$(function() {
    $('#rangeA').daterangepicker({
        arrows: true,
        onClose: function(event) {
            $('#calenderView').prepend('test');
        }
    });
});

Смотри: http://jsfiddle.net/3zM3W/10/

...