Datepicker with array

Question

Datepicker with array

Navigation

#1 by (1 votes)

1

I am trying to use a datePicker with input in array, because there are 5 validity fields, which I will insert with PHP in an Oracle database. Using the class option the datePicker is called, but it only writes the value to the first input. By clicking on the following he changes the first, always. Any suggestions?

DatePicker:

$(function() {
    $(".validade_treinamento").datepicker({
        minDate: 0, //NÃO PERMITIR DATA MENOR QUE A ATUAL
        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','Sex','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']
    });
});

Call in inputs:

<input type = "text" id="validade_treinamento[]" name = "validade_treinamento[]"  class="validade_treinamento" placeholder="Clique Aqui" size = 10 maxlength = 10 disabled>

Example

datepicker

asked by anonymous 25.04.2018 / 18:58

1 answer

Buttons generated by foreach only execute ajax in the order they are displayed Include new table in several Mysql database at one time

score 1 · Accepted Answer

The problem is exactly there: use the same id in each input . This causes the Datepicker to act only on the first% of% found, since a id must be unique on the page. Even because it does not make sense to use array in id , if what really matters is id to send data.

The solution is to assign a% of own% to each name . See:

$(function() {
    $(".validade_treinamento").datepicker({
        minDate: 0, //NÃO PERMITIR DATA MENOR QUE A ATUAL
        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','Sex','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 src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><linkrel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script><inputtype="text" id="validade_treinamento1" name = "validade_treinamento[]"  class="validade_treinamento" placeholder="Clique Aqui" size = 10 maxlength = 10 >
<br>
<input type = "text" id="validade_treinamento2" name = "validade_treinamento[]"  class="validade_treinamento" placeholder="Clique Aqui" size = 10 maxlength = 10 >
<br>
<input type = "text" id="validade_treinamento3" name = "validade_treinamento[]"  class="validade_treinamento" placeholder="Clique Aqui" size = 10 maxlength = 10 >