jquery - IDを使用しないJavascriptの日付ピッカー

Question

次のjsfiddleでdatepickerコードを使用します

それは働いています。今、私は日付ピッカーを次のようなID値にします

 new datepickr('datepick2', {
        'dateFormat': 'd/m/y'
    });

しかし、ID値を使用せずにこの日付ピッカーが必要になることがあります。どのようにそれが可能か.私を助けてください.

score 1 · Accepted Answer

デートピッカーをidtry likeで使用する場合

$("#id").datepicker({'dateFormat': 'd/m/y'});

classまたは、試しに使用したい場合

$(".class").datepicker({'dateFormat': 'd/m/y'});

のようなタグで使用することもできます

$("input[type='text']").datepicker({'dateFormat': 'd/m/y'});

のような外部リソースを使用する私のデモを参照して、jquery-ui.jsこの方法を試してください

http://jqueryui.com/datepicker/のオプションを試してみてください。date picker

score 0 · Accepted Answer

申し訳ありませんが、私は質問を誤解しました。フォントサイズを更新することで、カレンダーのサイズを小さくすることができます。

font-size:.5em

.5em に設定しましたが、必要に応じて増減できます

入力フィールドまたはスパンを選択できる限り、

ID を使用した div の例を次に示します: http://jsfiddle.net/27KTR/8/

<script>
$(function() {
    $( "#datepicker" ).datepicker();
  });

<scritp>

2 に答える 2