Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将属性设置为所有日期选择器,并单独设置_Jquery_Jquery Ui_Jquery Selectors_Datepicker - Fatal编程技术网

Jquery 将属性设置为所有日期选择器,并单独设置

Jquery 将属性设置为所有日期选择器,并单独设置,jquery,jquery-ui,jquery-selectors,datepicker,Jquery,Jquery Ui,Jquery Selectors,Datepicker,假设您有一个包含多个日期选择器的页面,并且您希望将一些具有相同值的属性设置为所有这些属性(使用类选择器),然后将非共享属性设置为每个属性(使用id选择器)。如何做到这一点 这是我迄今为止所做的尝试 $(document).ready(function() { // Shared properties for all datepickers with class="datepicker" $( ".datepicker" ).datepicker({ showOn:

假设您有一个包含多个日期选择器的页面,并且您希望将一些具有相同值的属性设置为所有这些属性(使用类选择器),然后将非共享属性设置为每个属性(使用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”的属性不见了。

您可以将
选项
动词传递给
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"
});

它也应该是
datePicker
,大写p:

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

当我改为
datePicker
时,您的代码工作正常。

令人沮丧的是,在堆栈溢出两年后,您仍然在问题标题中编写标记!谢谢你的编辑,下次我会尽量不让你沮丧