javascript – Jquery datepicker更改事件触发器和输入的默认更改事件

前端之家收集整理的这篇文章主要介绍了javascript – Jquery datepicker更改事件触发器和输入的默认更改事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有datepicker
<input type='text' class='inp'>  
<script>
   $('.inp').datepicker();

  $(".inp").on("change",function (){ 
   console.log('inp changed');
  });
</script>

当我第一次更改’.inp’时,键入一个值,然后立即点击datepicker的打开的日历.我收到两个’change’事件的听众.首先从手动更改,然后从datepicker更改.
我该如何避免这种情况?谢谢!

解决方法

设置您的输入readOnly,它将帮助您仅通过图标更改字段的值.
<input type='text' class='inp' readOnly />

然后使用onSelect获取选定的日期,如下所示:

$(function() {
    $(".inp").datepicker({
        onSelect: function(dateText,inst) {
            // alert(dateText);
        }
    });
});

猜你在找的jQuery相关文章