2016-03-29 14 views
1

私はBootstrap3 Datepickerを使用しており、アクティブな日付の数を数えてコンソールに戻そうとしています。私の現在のプロジェクトは、 "働いた"日を数えて返すので、複数の日付セレクタを使う必要があります(Rangeは動作しません)。たとえば、私はMWFを使い、その週に3日を選択して3を返したいと思います。将来、配列にアクティブな日を追加する方法も知りたいと思います。Bootstrap3 Datepicker - アクティブな日付をカウントする

デフォルトイベントのhttp://bootstrap-datepicker.readthedocs.org/en/latest/events.htmlは、日付の有効化/無効化に関するものはありません。意味をなさないと思われる唯一のイベントはchangeDateです。これにより、私は数えられるようになりますが、私が日付を無効にしたときにもカウントされます。私はclearDateを使ってカウントを削除しようとしましたが、それは日付を無効にすることと関係があるようです。

var count = 0 ; 
$('#datepicker').datepicker({ 
    multidate: true 
}); 
$('#datepicker').on('changeDate', function() { 
    count += 1; 
console.log(count); 
}); 
$('#datepicker').on('clearDate', function() { 
    count -= 1; 
    console.log(count); 
}); 

答えて

0

必要な情報が含まれているイベントにオブジェクトが渡されたようです。以下を試してください:

$('#datepicker').on('changeDate', function(e) { 
    // e.dates is an array 
    console.log(e.dates.length); 
}); 
+0

これは私が探していたものです。どうやって見つけたのですか?この文書はありましたか、開発者ツールを使用しましたか? –

+0

@ TalisLazdins私は文書からそれを得ました。あなたがリンクしたページの上部には、 'e'変数を渡すことを示す小さなコードスニペットがあり、スニペットの下の項目は 'e'に含まれるオブジェクトです。たとえば、e.dateは、複数選択ピッカーで選択された最新の日付です。 – rabruce

関連する問題