2011-07-17 40 views
3

假設您有一個包含多個日期選擇器的頁面,並且想要將具有相同值的一些屬性設置爲所有(包含類選擇器),然後將非共享屬性設置爲他們每個人(與一個id選擇器)。這個怎麼做?將屬性設置爲所有日期選擇器並單獨設置

這裏是從來就試過到目前爲止

$(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」的屬性不見了)。

+0

令人沮喪的是,在堆棧溢出之後_two years_之後,您仍然在問題標題中寫入標籤! –

+0

感謝您的編輯,下次會盡量不要壓抑你! ;) –

+0

謝謝!有用的信息:D –

回答

4

您可以通過option動詞的datepicker()方法:

// 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

這也應該是datePicker大寫號碼:

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

當我改變爲datePicker,你的代碼工作。

相關問題