jQuery datepicker日付が選択されたときに入力時にトリガーが変化する

Question

Webアプリケーションで作業中で、その入力ボックスへの変更時にクラスを変更しようとしています。ほとんどの入力ボックスは、私がdatepickerを使用したものではなく、うまく機能しています。

私が直面している問題は、その日付ピッカー値から日付を選択すると、その入力内に値が表示されますが、その入力に「変更」が発生しないということです。私はこれを行うことによって 'onChange'イベントを行った...

$(document).ready(function() { 
    $('input').on("change", function() { 
     if($(this).val() != ''){ 
      $(this).parent().addClass("filled"); 
     } 
    }); 
}); 

これはうまく働いていますが、datepickerでは機能しません。私はdatepickerの 'onSelect'に関連する質問の数を見つけましたが、私は1つの質問に対してそれをしたくありません。このような ...

$('.custom_datepicker_selector').datepicker().on('changeDate', function(en{}); 

または

$("#datepicker").datepicker({ 
    onSelect: function(dateText, inst) {} 
}); 

これらは、ただ一つの1のために更新していると私の問題は、すべてのためにそれをグローバルにすることです。私はすべての単一の日付ピッカーの初期化を変更する必要はありませんようにしたいと思います。入力値の変化が、しようとすると、日付ピッカーの

Answer 1

使用onSelectイベントを検出します

$("#dp").datepicker({ 
    onSelect: function(dateText, inst) { 
     $(this).parent().addClass("filled"); 
    } 
}); 

例：

$(document).ready(function() { 
 
    $("#dp").datepicker({ 
 
     onSelect: function(dateText, inst) { 
 
      $(this).parent().addClass("filled"); 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 

 
<div> 
 
    <input type="text" id="dp"> 
 
</div>