为所有日期选择器设置属性，也可以单独设置属性

Question

假设您有一个包含多个日期选择器的页面，并且您想要将一些具有相同值的属性设置为所有这些属性（使用类选择器），然后将非共享属性设置为其中每个属性（使用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”的属性消失了）。

Answer 1

您可以将 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"
});

Answer 2

它也应该是带有大写 p 的 datePicker：

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

当我更改为 datePicker 时，您的代码可以工作。