javascript - jquery datepicker change event trigger 和 input 的默认 change event

Question

我有日期选择器

  <input type='text' class='inp'>  
<script>
   $('.inp').datepicker();

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

当我第一次更改“.inp”时手动输入一个值，然后我立即点击日期选择器打开的日历。我有两个“更改”事件监听器。首先是手动更改，然后是日期选择器更改。我怎样才能避免这种情况？

Answer 1

设置你的输入readOnly，它会帮助你通过图标改变字段的值。

<input type='text' class='inp' readOnly />

然后使用onSelect获取选择的日期，如下:

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