2つのjquery ui datepickersが機能を実行するための値を持っているかどうかを確認する

Question

2つのjquery ui datepickersに値があるかどうかを確認しようとしています。

$("#datepicker").datepicker({ 
     onSelect: function() { 

     } 
    }); 
    $("#datepicker2").datepicker({ 
     onSelect: function() { 

     } 
    }); 

私は日付が選択されているかどうかを確認するためにコールバックを使用する必要があると思うが、私は、彼らが起こっているかどうかを確認するために、これらのコールバックを確認する方法についてこだわっています。

Answer 1

これは、jquery ui datepickerのgetDateメソッドを使用する方法です。日付が選択されていない場合はnullを返します。

$("#datepicker,#datepicker2").datepicker({ 
    onSelect: checkDates 
}); 

function checkDates() { 
    var ok = $('.hasDatepicker') 
         .filter(function() { 
            return $(this).datepicker('getDate') !== null 
           }) 
         .length == 2; 
     if (ok === true) { 
     // doSomething 
     }  
} 

日付ピッカーは、それらがすべて満たされているかどうかを知るために長さを比較し、date !== nullで項目の配列を取得し、結果をフィルタリングし、そう$('.hasDatepicker')リターンすべてdatepickersを構築する上で追加「hasdatepicker」CSSクラスを持っています。

2を$('.hasDatepicker').lengthに変更すると、すべての日付ピッカーに日付が選択されているかどうかを確認できます。

Fiddle