Calendario com datepicker em mais de um campo.

[MARCOS VINICIUS LOPES 1]

Boa noite galera, alguém me tira do prego, estou precisando colocar em mais de um campo input um calendário do tipo datepicker, abaixo script que uso para o calendário, o problema e que para usar em mais de um campo funciona apenas no primeiro campo o resto não funciona, observação os campos são criados de acordo com uma pesquisa do banco, então pode ser uma,duas,três, etc...  criado por um laço while. então preciso que todos os campos chame o calendário sem problemas.

<script>
$(function() {
    $("#calendario").datepicker({
        dateFormat: 'dd-mm-yy',
        dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],
        dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
        dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','---','Sáb','Dom'],
        monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
        monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez']
    });
});

</script>

while ($i < 5( por exmplo ) {

<input name="de"  type="text" size="15" id="calendario" >

}

[marsolim 110]

já tentou usar classe no lugar de id? com a classe deva funfar em todos que tiver a tal

 

$(".calendario").datepicker({

[MARCOS VINICIUS LOPES 1]

@marsolim

Realizei a mudança mais não deu certo o esta faltando algo que não vejo.

$(function() {
    $(".calendario").datepicker({
        dateFormat: 'dd-mm-yy',
        dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],
        dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
        dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','---','Sáb','Dom'],
        monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
        monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez']
    });
});

</script>

while ($i < 5( por exmplo ) {

<input name="de"  type="text" size="15" id="calendario" >

}

[MARCOS VINICIUS LOPES 1]

15 minutos atrás, MARCOS VINICIUS LOPES disse:

@marsolim

Realizei a mudança mais não deu certo o esta faltando algo que não vejo.

$(function() {
    $(".calendario").datepicker({
        dateFormat: 'dd-mm-yy',
        dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],
        dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
        dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','---','Sáb','Dom'],
        monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
        monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez']
    });
});

</script>

while ($i < 5( por exmplo ) {

<input name="de"  type="text" size="15" id="calendario" >

}

Achei o erro meu caro, valeu pela dica , estava errando na chamado do JS. srsr faz parte valeu. @marsolim