キースウッドの日付ピッカーの変更機能が動作しない

Question

いくつかの単純なコード。 input

<form action="#" method="post">  
    <div id='datepicker'> 
     <label for="start_date">Start of cover</label> 
     <input readonly required="required" type='text' name="start-date" id="start-date" value=""/> 
    </div> 
    <input name="bind" id ="get-bind" type="submit" value="submit"/> 
    </form> 

、#start-dateはキース・ウッドのdatepick jQueryの拡張子を持っています。正常に動作します。

しかし、このコードの第二の部分（両方$(document).readyに包まれたが動作しないように、変更イベントをトリガしません。

$('#get-bind').attr("disabled", true); 

$('#start-date').change(function() { 
    window.alert ("Changed!"); 
    $('#get-bind').attr("disabled", false); 
}); 

私はチェンジ機能することを、デバッガでは、見ることができます値が実際に変更されているにもかかわらず、datepickerがトリガーしないということだけです。

datepickerは日付フィールドの必須の性質を削除するように見えるという点で小さな問題があります。このようなコードにはまだあります。

<input readonly required name="start-date" id="start-date" value="" class="is-datepick" type="text"> 

Answer 1

答え（これは、jQueryのDatepickerと同じですが、ターゲットフィールドへのイベントは無視されるため、datepicker自体の中でイベントを使用する必要があります。

$('#start-date').datepick({ 

    onClose: function() { 
     $('#get-bind').attr("disabled", false); 
    } 
}); 

もう少し有用であることが、私は日付がOnCloseのは日付が選択されていない場合でも発火するので、私はこれをしなかった連ねたのかどうかをチェックするために必要な。

onClose: function() { 
     if ($('#start-date').val()) { 
      $('#get-bind').attr("disabled", false); 
     } 

    } 

日付が選択されていない場合、送信ボタンは無効のままであるように。