2011-07-17 14 views
3

複数の日付ピッカーを持つページがあり、同じ値を持ついくつかのプロパティをすべて(クラスセレクタを使用)に設定し、非共有プロパティをそれぞれの1つ(idセレクタを使って)。これを行う方法?属性をすべての日付ピッカーに個別に設定する

はここI'veがこれまでに試したものです

$(document).ready(function() { 
    // Shared properties for all datepickers with class="datepicker" 
    $(".datepicker").datepicker({ 
     showOn: 'focus', 
     showButtonPanel: true, 
     showOtherMonths: true, 
     selectOtherMonths: true, 
     dateFormat: "d M yy" 
    }); 

    // Specific properties for each datepicker 
    $("#myDate1").datepicker({ 
     altFormat: "yy-mm-dd", 
     altField: "#myDate1_alt" 
    }); 

    $("#myDate2").datepicker({ 
     altFormat: "yy-mm-dd", 
     altField: "#myDate2_alt" 
    }); 
}); 

マークアップこれはよく共有プロパティではなく、特定のものを設定します

<input type='text' id='myDate1' class="datepicker"/>   
<input type="hidden" id="myDate1_alt"/>   

<input type='text' id='myDate2' class="datepicker"/>   
<input type="hidden" id="myDate2_alt"/> 

。私も注文( "#myDate1" - "#myDate2" - ".datepicker"を反転してみましたが、 ".datepicker"のプロパティはなくなりました)。あなたがdatepicker()方法にoption動詞を渡すことができ

+0

これは、あなたがまだ2年後に問題のタイトルにタグを書いていることを憂慮しています。スタックオーバーフロー! –

+0

編集していただきありがとうございます、次回にあなたを落胆させないでください! ;) –

+0

ありがとう!知っておくべきこと:D –

答えて

4

// Specific properties for each datepicker. 

$("#myDate1").datepicker("option", { 
    altFormat: "yy-mm-dd", 
    altField: "#myDate1_alt" 
}); 

$("#myDate2").datepicker("option", { 
    altFormat: "yy-mm-dd", 
    altField: "#myDate2_alt" 
}); 
+0

まさに私が探していたもの、ありがとう! –

0

また、資本pのdatePickerする必要があります:

$("#myDate1").datePicker({ 
    altFormat: "yy-mm-dd", 
    altField: "#myDate1_alt" 
}); 

私はdatePickerに変更すると、あなたのコードが働きました。

関連する問題