2016-09-16 7 views
-3

Pikadayスクリプトを使用したいと思います。私のプロジェクトに追加するJavaScriptコードがあります。何かのように:getElementByIdの代わりにクラス

var picker = new Pikaday({ field: document.getElementById('datepicker') }); 

getElementByIDの代わりにクラスを使用する方法はありますか?たとえば:

var picker = new Pikaday({ field: document.getElementsByClassName('datepicker')[0] }); 

getElementsByClassNameリストを返しますが、コンストラクタは、単一の要素を望んでいる:

var picker = new Pikaday({ field: $('.datepicker') }); 
+1

'VARピッカーを使用することができます古いブラウザの場合Caniuseリンクhttp://caniuse.com/#search=querySelector

がある=新しいPikaday({フィールド:$( '日付ピッカー')を得る(0)});' - ルックスプラグインのようにDOM要素を取るので、DOM要素を使用します。 – tymeJV

+0

最初のデートピッカーが必要ですか?またはそれらのすべてをアレイで? – baao

+0

document.getElementsByClassName( 'datepicker') –

答えて

1

あなただけがこれはあなたのクラスに一致する最初の要素を与える

document.querySelector('.datepicker') 

を使用することができ、より新しいブラウザを使用している場合。ここでは、

document.getElementsByClassName('datepicker')[0] 
2

getElementsByClassName()によって発見最初の要素を渡します。

関連する問題