1

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

<input type="text" id="altField" value="2015-09-25, 2015-09-26">

Все в порядке. Работает, но я захотел, что бы еще отображалось внизу количество выбранных дней. С помощью lenght решил посчитать количество слов, типо дней.

<div id="result"></div>

<script>

    function dayCount( val ){
        return {
            days: val.match(/\S+/g).length
        }
    }

    var $div = $('#result');

    $('#altField').on('input', function(){
        var c = dayCount( this.value );
        $div.html(
            "<br>Дней: "+ c.days
        );
    });

</script>

Но не работает. Допустим если я с клавиатуры ввожу слова(даты) или копирую в поле ввода, то считает прекрасно, но если значение попадает туда из календарика его будто не замечает. Что делать? :(

6
  • на change подписывайтесь, тогда будете ловить изменения. Здесь я немного описывал как работают события
    – BOPOH
    25 сен 2015 в 18:10
  • пробовал по всякому добавлять change, но тогда у меня вообще никак не реагирует. ни с клавы ни с календарика
    – akasergej
    25 сен 2015 в 18:24
  • вписал все возможные значения что нагуглил bind("propertychange change click keyup input paste", function() реагирует на клавиатуру, и на клик мышкой в поле ввода после того как там значения с календарика оказываются... просто после выбора даты все равно не реагирует :(
    – akasergej
    25 сен 2015 в 18:31
  • 3
    Когда вы ручками меняете значение, то change вызывается когда элемент теряет фокус. Но вы же через js меняете элемент? С ним немного сложнее - change срабатывает только когда вы в браузере элемент меняете. Когда меняете его через js, надо самому бросать событие. Например так: var elem = $('#elem-id'); elem.val('123').change();
    – BOPOH
    25 сен 2015 в 18:42
  • ура! спасибо, что объяснили, получилось!! :)
    – akasergej
    25 сен 2015 в 19:18

3 ответа 3

2

Когда вы ручками меняете значение, то change вызывается когда элемент теряет фокус. Но вы же через js меняете элемент? С ним немного сложнее - change срабатывает только когда вы в браузере элемент меняете. Когда меняете его через js, надо самому бросать событие. Например так:

var elem = $('#elem-id'); elem.val('123').change();
0

Можно еще через пробел указывать все события, на которые нужно реагировать. Вот так:

$('#altField').on('input change keyup', function () {});

Кроме того, есть такая полезная библиотека jQuery text change custom event. Помимо основных событий, вроде change, она умеет реагировать на события вставки из буфера и т.п.

0

Можете Old-school'но использовать var x = myVar.split(delimiter); console.log(x.length) для подсчета слов

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.