2017-03-21 7 views
0

私はinicialite 2 datepickers(from-to)のフィルタリングレイアウトを作成しています。Datepickerメソッドが動作しません

すべて正常に機能していますが、「Today」、「Last 7 days」、「Last 30 days」のような種類のショートカットボタンを作成したいと考えています。

私がしようとしてきた:

$(document).ready(function() { 
     $('.date-picker.from').datepicker(); 
     $('.date-picker.to').datepicker(); 
    }); 

    $('#paymenttable_filter #today').click(function() { 
     $('.date-picker.from').datepicker("setDate",new Date()); 
     $('.date-picker.to').datepicker("setDate", new Date()); 
    }); 

しかし、全く機能していません。それは何もしません。

私がチェックしてるときと日付ピッカーの変更:私は

datepicker.("hide"); 

または

datepicker.("detroy"); 

のような日付ピッカー()から使用他の方法を試してみた

$(".date-picker.to").on('changeDate', function (e) { 
     $("#date_to").val(e.format()); 
     grid.fnFilter(); 
    }); 

注意いずれも働いていない。

なぜそうなる可能性がありますか?

+0

すべてのコードを '$(document).ready'のスコープの中に入れてください。 –

+0

このセレクタは何ですか?$( '#paymenttable_filter #today')'? '$( '#today')'だけを使用してください。 IDは一意でなければなりません。 – Qsprec

+0

'#today'要素は動的か静的ですか? – Justinas

答えて

0

あなたのコードは、ちょうどあなたのコード内でソロ識別子として#todayを使用して試してみて、それが更新した場合の例を参照して

https://jsfiddle.net/k20cpmk8/

を動作するようです。

+0

まだ動作しません。 Dateオブジェクトの文字列inesteadを使って '$( '。date-picker.from')。datepicker(" setDate "、new Date())'を試してみると、bootstrap-datepicker .jsは 'local to utc(local) '関数上にあります。 –

+0

あなたの実際のコードを見ることができます。なぜなら、あなたが言ったことをオフにしたからです。 @HectorLandete – Deckerz

+0

Deckerzさん、ありがとうございますが、すでに修正されました。私は 'bootstrap-datepicker.js'ファイルとその動作を置き換えました。 –

関連する問題