jQuery Datepicker per ingressi multipli

Question

Ho uno script datepicker jQuery:

  $(function() { 
       $("#datepicker").datepicker({ dateFormat: "yyyy-mm-dd" }); 
      }); 

Quando voglio inizializzare questo script per due ingressi, funziona solo per il primo. Come si usa per entrambi gli input?

<input type="text" name="MyDate1" id="datepicker"> 
<input type="text" name="MyDate2" id="datepicker"> 

Answer 1

basta cambiare tutto id-class.

<input type="text" name="MyDate1" class="datepicker"> 
<input type="text" name="MyDate2" class="datepicker"> 

$(function() { 
    $(".datepicker").datepicker({ dateFormat: "yyyy-mm-dd" }); 
}); 

possono anche utilizzare

$(function() { 
    $("input[name^=MyDate]").datepicker({ dateFormat: "yyyy-mm-dd" }); 
}); 

Answer 2

Non è valida per avere gli ID duplicati. Si dovrebbe aggiungere una classe, invece:

<input type="text" name="MyDate1" class="datepicker" id="datepicker1"> 
<input type="text" name="MyDate2" class="datepicker" id="datepicker2"> 

allora si può fare:

 $(function() { 
      $(".datepicker").datepicker({ dateFormat: "yyyy-mm-dd" }); 
     }); 

Answer 3

Stanco di ripetere questo, ma ancora, ripeto ancora una volta. id s devono essere unici. Quindi, utilizzare questo:

<input type="text" name="MyDate1" class="datepicker"> 
<input type="text" name="MyDate2" class="datepicker"> 

con

$(function() { 
    $(".datepicker").datepicker({ dateFormat: "yyyy-mm-dd" }); 
}); 

Answer 4

funzione datepicker Accesso per nome:

$(function() { 
     $('[name="MyDate1"]').datepicker({ dateFormat: "yyyy-mm-dd" }); 
     }); 

Answer 5

Si potrebbe anche aggiungere classi al volo se i campi di input sono generati in modo dinamico, come ad esempio nei modelli di Django.

<input type="text" name="MyDate1" id="datepicker1"> 
<input type="text" name="MyDate2" id="datepicker2"> 

Get campi di input usando #id e aggiungere una classe

$(function() { 
    $("#datepicker1, #datepicker2").addClass('datepicker'); 
    $(".datepicker").datepicker({ dateFormat: "yy-mm-dd" }); 
}); 

Answer 6

<script> 
    $(document).ready(function() { 
    $("#datepicker").datepicker(); 
    }); 
    $(document).ready(function() { 
    $("#datepicker2").datepicker(); 
    }); 
    $(document).ready(function() { 
    $("#datepicker3").datepicker(); 
    }); 
    </script> 

E basta dare le forme gli ID: DatePicker DATEPICKER2 datepicker3