JQuery. Обнаружить изменения в типе ввода «дата»

Question

на мобильной версии моего сайта Я использую input type=date вместо jQuery datepicker, чтобы использовать устройства, встроенные в дату, поскольку это, как правило, намного быстрее и проще в использовании.

Я пытаюсь определить, когда 1 поле даты имеет значение, введенное/измененное, чтобы затем обновить атрибут min date второго поля даты и отправить форму с помощью ajax.

Я не могу правильно определить ввод или изменить.

$('#mob-gig-date-gteq').blur(function() { 
    var date = $("#mob-gig-date-gteq").val(); 
    console.log(date) 
    $(this).closest("form").submit(); 
}); 

(Использование .Кнопка дает те же результаты)

Если я выбрать дату здесь ничего не происходит. На компьютере, если я выбираю дату, нажмите enter на одном из входов (день/месяц/год) и THEN измените дату еще раз, код срабатывает. На мобильном телефоне ничего не происходит.

Как определить изменение ввода в поле даты?

Спасибо.

Answer 1

Попробуйте jquery .change метод. Blur будет срабатывать только тогда, когда вход потеряет фокус.

$('#mob-gig-date-gteq').change(function() { 
    var date = $("#mob-gig-date-gteq").val(); 
    console.log(date, 'change') 
}); 

Code pen протестирован в хроме