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) для подсчета слов

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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