Response title
This is preview!
Move this topic
jQuery UI: datepicker makes an error when inserting date
in Using jQuery UI
•
3 years ago
I have the following HTML:
...
<tr id="tableRow">
<input id="p_Date" name="p.Date" data-key="0" type="text" />
</tr>
<tr id="tableRow">
<input id="p_Date" name="p.Date" data-key="1" type="text" />
</tr>
...
As you see the date elements have the same id and name...
Now I run the following jQuery when the page is ready ($(document).ready) :
$("#tableRow #p_Data").each(function (index, item) {
$(item).datepicker({
dateFormat: "yy-mm-dd"
});
});
$(item).datepicker({
dateFormat: "yy-mm-dd"
});
});
I tried also:
$("#tableRow #p_Data").datepicker(…)
The problem is that when I try to pick a date with the datepicker, for the second <input> the datepicker assignes the date selected to the first <input> !!!!!!
How can I have the right behavior with datepicker?
Thank you.
P.S. - I also tried:
var n = $("#tableRow #p_Data").length;
for (var i = 0; i < n; i++) {
$("#tableRow #p_Data[data-key='" + i + "']").datepicker({
dateFormat: "yy-mm-dd"
});
}
for (var i = 0; i < n; i++) {
$("#tableRow #p_Data[data-key='" + i + "']").datepicker({
dateFormat: "yy-mm-dd"
});
}
I am using Microsoft Edge,..
1
Replies(5)
Start with valid HTML. correctly spelled names, and classes instead of ids.
IDs are used one time only, data is not the same as date.
An <input> has to be inside a <td> inside a <tr>.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8" />
- <title>
- UI
- </title>
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <link href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.min.css" rel="stylesheet" />
- <script src="https://code.jquery.com/jquery-3.3.1.min.js">
- </script>
- <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js">
- </script>
- <script>
- $(function(){
- $(".tableRow .p_Date").datepicker({
- dateFormat: "yy-mm-dd"
- })
- })
- </script>
- <style>
- </style>
- </head>
- <body>
- <table>
- <tr class="tableRow">
- <td>
- <input class="p_Date" name="p.Date" data-key="0" type="text" />
- </td>
- </tr>
- <tr class="tableRow">
- <td>
- <input class="p_Date" name="p.Date" data-key="1" type="text" />
- </td>
- </tr>
- </table>
- </body>
- </html>
JΛ̊KE
Leave a comment on jakecigar's reply
I am working with ASP.NET MVC, and the generated HTML is:
<head>
<meta charset="utf-8">
<meta name="description" content="Grupo Italfarmaco - Módulo Vendas a Farmácias">
<meta name="keywords" content="Italfarmaco">
<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap-theme.min.css"><link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<title> --Grupo Italfarmaco-- Módulo Vendas a Farmácias</title>
<!--<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" />-->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<meta charset="utf-8">
<meta name="description" content="Grupo Italfarmaco - Módulo Vendas a Farmácias">
<meta name="keywords" content="Italfarmaco">
<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap-theme.min.css"><link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<title> --Grupo Italfarmaco-- Módulo Vendas a Farmácias</title>
<!--<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" />-->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body style="">
<header class="page-header container-fluid">
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
<table>
<tbody><tr>
<td>
<a href="/"><img id="companyLogo" src="/images/companylogo.gif"></a>
</td>
<td>
<p><strong>Módulo Vendas a Farmácias</strong></p>
<p></p>
<p><strong>User :</strong></p>
</td>
</tr>
</tbody></table>
</nav>
<br>
</header>
<header class="page-header container-fluid">
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
<table>
<tbody><tr>
<td>
<a href="/"><img id="companyLogo" src="/images/companylogo.gif"></a>
</td>
<td>
<p><strong>Módulo Vendas a Farmácias</strong></p>
<p></p>
<p><strong>User :</strong></p>
</td>
</tr>
</tbody></table>
</nav>
<br>
</header>
<div class="container-fluid">
<br>
<div>
<table>
<tbody><tr>
<td>
<a href="/Home/Searchfm" class="btn btn-default">Inserir</a>
</td>
<td>
<a href="/Manage/Index" class="btn btn-default">Gerir</a>
</td>
<td>
<a href="/Login/Logout" class="btn btn-default">Sair</a>
</td>
</tr>
</tbody></table>
</div>
<br>
<div>
<table>
<tbody><tr>
<td>
<a href="/Home/Searchfm" class="btn btn-default">Inserir</a>
</td>
<td>
<a href="/Manage/Index" class="btn btn-default">Gerir</a>
</td>
<td>
<a href="/Login/Logout" class="btn btn-default">Sair</a>
</td>
</tr>
</tbody></table>
</div>
<br>
<div>
<a href="/Home/FarmDetails">< Retroceder</a>
<br>
</div>
<a href="/Home/FarmDetails">< Retroceder</a>
<br>
</div>
<form action="/Order/AddProd" method="post" novalidate="novalidate"> <div>
<table id="headTable">
<tbody><tr>
<td><label> Nº Encomenda </label></td>
<td>
<input readonly="readonly" style="background-color:lightgray;" type="number" data-val="true" data-val-required="The encID field is required." id="encID" name="encID" value="0">
<input type="text" readonly="readonly" hidden="hidden" data-val="true" data-val-required="The cliID field is required." id="farmDetails_cliID" name="farmDetails.cliID" value="2892">
</td>
</tr>
<tr>
<td><label> Farmácia </label></td>
<td><input readonly="readonly" type="text" id="farmDetails_cliNome" name="farmDetails.cliNome" value="someone"></td>
</tr>
<tr>
<td><label> Contactos </label></td>
<td><input readonly="readonly" type="text" id="farmDetails_cliTelefone_0_" name="farmDetails.cliTelefone[0]" value="23"><input readonly="readonly" type="text" id="farmDetails_cliTelefone_1_" name="farmDetails.cliTelefone[1]" value="3"></td>
</tr>
<tr>
<td><label> Rua </label></td>
<td><input readonly="readonly" type="text" id="farmDetails_locRua" name="farmDetails.locRua" value="34"></td>
</tr>
<tr>
<td><label> Localidade </label></td>
<td><input readonly="readonly" type="text" id="farmDetails_locLocalidade" name="farmDetails.locLocalidade" value="Cd"></td>
</tr>
<tr>
<td><label> Código Postal </label></td>
<td><input readonly="readonly" type="text" id="farmDetails_locCodPostal" name="farmDetails.locCodPostal" value="56"></td>
</tr>
<tr style="color: red;">
<td><span class="field-validation-valid" data-valmsg-for="aSelVM.SelectedArm" data-valmsg-replace="true"></span></td>
</tr>
<tr>
<td> <label for="aSelVM_SelectedArm">Armazenista</label> </td>
<td> <select data-val="true" data-val-required="Seleccione um Armazenista" id="aSelVM_SelectedArm" name="aSelVM.SelectedArm">
</select> </td>
</tr>
<tr>
<td style="color: red;"><span class="field-validation-valid" data-valmsg-for="aSelVM.SelectedArmLoc" data-valmsg-replace="true"></span></td>
</tr>
<tr>
<td> <label for="aSelVM_SelectedArmLoc">Localização</label> </td>
<td> <select data-val="true" data-val-required="Seleccione um Local" id="aSelVM_SelectedArmLoc" name="aSelVM.SelectedArmLoc">
</select> </td>
</tr>
</tbody></table>
<tbody><tr>
<td><label> Nº Encomenda </label></td>
<td>
<input readonly="readonly" style="background-color:lightgray;" type="number" data-val="true" data-val-required="The encID field is required." id="encID" name="encID" value="0">
<input type="text" readonly="readonly" hidden="hidden" data-val="true" data-val-required="The cliID field is required." id="farmDetails_cliID" name="farmDetails.cliID" value="2892">
</td>
</tr>
<tr>
<td><label> Farmácia </label></td>
<td><input readonly="readonly" type="text" id="farmDetails_cliNome" name="farmDetails.cliNome" value="someone"></td>
</tr>
<tr>
<td><label> Contactos </label></td>
<td><input readonly="readonly" type="text" id="farmDetails_cliTelefone_0_" name="farmDetails.cliTelefone[0]" value="23"><input readonly="readonly" type="text" id="farmDetails_cliTelefone_1_" name="farmDetails.cliTelefone[1]" value="3"></td>
</tr>
<tr>
<td><label> Rua </label></td>
<td><input readonly="readonly" type="text" id="farmDetails_locRua" name="farmDetails.locRua" value="34"></td>
</tr>
<tr>
<td><label> Localidade </label></td>
<td><input readonly="readonly" type="text" id="farmDetails_locLocalidade" name="farmDetails.locLocalidade" value="Cd"></td>
</tr>
<tr>
<td><label> Código Postal </label></td>
<td><input readonly="readonly" type="text" id="farmDetails_locCodPostal" name="farmDetails.locCodPostal" value="56"></td>
</tr>
<tr style="color: red;">
<td><span class="field-validation-valid" data-valmsg-for="aSelVM.SelectedArm" data-valmsg-replace="true"></span></td>
</tr>
<tr>
<td> <label for="aSelVM_SelectedArm">Armazenista</label> </td>
<td> <select data-val="true" data-val-required="Seleccione um Armazenista" id="aSelVM_SelectedArm" name="aSelVM.SelectedArm">
</select> </td>
</tr>
<tr>
<td style="color: red;"><span class="field-validation-valid" data-valmsg-for="aSelVM.SelectedArmLoc" data-valmsg-replace="true"></span></td>
</tr>
<tr>
<td> <label for="aSelVM_SelectedArmLoc">Localização</label> </td>
<td> <select data-val="true" data-val-required="Seleccione um Local" id="aSelVM_SelectedArmLoc" name="aSelVM.SelectedArmLoc">
</select> </td>
</tr>
</tbody></table>
<div style="color: red;">
<p><span class="field-validation-valid" data-valmsg-for="pTable" data-valmsg-replace="true"></span></p>
<p><span class="field-validation-valid" data-valmsg-for="pTable_Date" data-valmsg-replace="true"></span></p>
</div><table id="ProdTable">
<thead>
<tr>
<td></td>
<td>Código</td>
<td>Produto</td>
<td>Data Entrega</td>
<td>Qtd Vendida</td>
<td>CódigoBonus</td>
<td>Produto Bonus</td>
<td>Qtd Bonus</td>
<td>Qtd Total</td>
<td>% Desconto</td>
<td>Tipo Desconto</td>
</tr>
</thead>
<tbody id="ProdTable">
<p><span class="field-validation-valid" data-valmsg-for="pTable" data-valmsg-replace="true"></span></p>
<p><span class="field-validation-valid" data-valmsg-for="pTable_Date" data-valmsg-replace="true"></span></p>
</div><table id="ProdTable">
<thead>
<tr>
<td></td>
<td>Código</td>
<td>Produto</td>
<td>Data Entrega</td>
<td>Qtd Vendida</td>
<td>CódigoBonus</td>
<td>Produto Bonus</td>
<td>Qtd Bonus</td>
<td>Qtd Total</td>
<td>% Desconto</td>
<td>Tipo Desconto</td>
</tr>
</thead>
<tbody id="ProdTable">
<tr id="tableRow" data-key="0">
<td>
<input type="checkbox" value="0" name="Seleccionado" id="Seleccionado" data-key="0" data-val="true" data-val-required="The Seleccionado field is required.">
<input data-key="0" hidden="hidden" readonly="readonly" type="number" data-val="true" data-val-required="The encdId field is required." id="p_encdId" name="p.encdId" value="0">
</td>
<td><input readonly="readonly" data-key="0" type="number" data-val="true" data-val-required="The Codigo field is required." id="p_Codigo" name="p.Codigo" value="0"></td>
<td>
<select data-key="0" id="p_ProdNome" name="p.ProdNome">
<option value="" selected="selected">Seleccionar...</option>
</select>
</td>
<td><input type="text" data-key="0" data-val="true" data-val-required="The Data field is required." id="p_Data" name="p.Data" value="2019-12-10" class="hasDatepicker"></td>
<td><input type="text" value="0" data-key="0" data-val="true" data-val-required="The QtdVendida field is required." id="p_QtdVendida" name="p.QtdVendida"></td>
<td><input readonly="readonly" data-key="0" type="number" data-val="true" data-val-required="The CodigoBonus field is required." id="p_CodigoBonus" name="p.CodigoBonus" value="0"></td>
<td>
<select data-key="0" id="p_ProdBonusNome" name="p.ProdBonusNome">
<option value="" selected="selected">Seleccionar...</option>
</select>
</td>
<td><input type="text" value="0" data-key="0" data-val="true" data-val-required="The QtdBonus field is required." id="p_QtdBonus" name="p.QtdBonus"></td>
<td><input readonly="readonly" data-key="0" type="number" data-val="true" data-val-required="The QtdTotal field is required." id="p_QtdTotal" name="p.QtdTotal" value="0"></td>
<td><input type="text" value="0" data-val="false" readonly="readonly" data-key="0" data-val-number="The field PercDesconto must be a number." data-val-required="The PercDesconto field is required." id="p_PercDesconto" name="p.PercDesconto"></td>
<td>
<select data-key="0" data-val="true" data-val-required="The TipoDesconto field is required." id="p_TipoDesconto" name="p.TipoDesconto">
<option selected="selected" value="0">BQ - Bonus/Quantidade</option>
<option value="1">FN - Financeiro</option>
</select>
</td>
<!--<td>
<select asp-for="Indefinido" asp-items="Html.GetEnumSelectList<ProdOrderStateEnum>()" data-key="0">
</select>
</td>-->
</tr>
<tr id="tableRow" data-key="1">
<td>
<input type="checkbox" value="1" name="Seleccionado" id="Seleccionado" data-key="1">
<input data-key="1" hidden="hidden" readonly="readonly" type="number" id="p_encdId" name="p.encdId" value="0">
</td>
<td><input readonly="readonly" data-key="1" type="number" id="p_Codigo" name="p.Codigo" value="0"></td>
<td>
<select data-key="1" id="p_ProdNome" name="p.ProdNome">
<option value="">Seleccionar...</option>
</select>
</td>
<td><input type="text" data-key="1" id="p_Data" name="p.Data" value="2019-12-10" class="hasDatepicker valid"></td>
<td><input type="text" value="0" data-key="1" id="p_QtdVendida" name="p.QtdVendida"></td>
<td><input readonly="readonly" data-key="1" type="number" id="p_CodigoBonus" name="p.CodigoBonus" value="0"></td>
<td>
<select data-key="1" id="p_ProdBonusNome" name="p.ProdBonusNome">
<option value="">Seleccionar...</option>
</select>
</td>
<td><input type="text" value="0" data-key="1" id="p_QtdBonus" name="p.QtdBonus"></td>
<td><input readonly="readonly" data-key="1" type="number" id="p_QtdTotal" name="p.QtdTotal" value="0"></td>
<td><input type="text" value="0" data-val="false" readonly="readonly" data-key="1" id="p_PercDesconto" name="p.PercDesconto"></td>
<td>
<select data-key="1" id="p_TipoDesconto" name="p.TipoDesconto">
<option selected="selected" value="0">BQ - Bonus/Quantidade</option>
<option value="1">FN - Financeiro</option>
</select>
</td>
<!--<td>
<select asp-for="Indefinido" asp-items="Html.GetEnumSelectList<ProdOrderStateEnum>()" data-key="1">
</select>
</td>-->
</tr>
</tbody>
</table>
<td>
<input type="checkbox" value="0" name="Seleccionado" id="Seleccionado" data-key="0" data-val="true" data-val-required="The Seleccionado field is required.">
<input data-key="0" hidden="hidden" readonly="readonly" type="number" data-val="true" data-val-required="The encdId field is required." id="p_encdId" name="p.encdId" value="0">
</td>
<td><input readonly="readonly" data-key="0" type="number" data-val="true" data-val-required="The Codigo field is required." id="p_Codigo" name="p.Codigo" value="0"></td>
<td>
<select data-key="0" id="p_ProdNome" name="p.ProdNome">
<option value="" selected="selected">Seleccionar...</option>
</select>
</td>
<td><input type="text" data-key="0" data-val="true" data-val-required="The Data field is required." id="p_Data" name="p.Data" value="2019-12-10" class="hasDatepicker"></td>
<td><input type="text" value="0" data-key="0" data-val="true" data-val-required="The QtdVendida field is required." id="p_QtdVendida" name="p.QtdVendida"></td>
<td><input readonly="readonly" data-key="0" type="number" data-val="true" data-val-required="The CodigoBonus field is required." id="p_CodigoBonus" name="p.CodigoBonus" value="0"></td>
<td>
<select data-key="0" id="p_ProdBonusNome" name="p.ProdBonusNome">
<option value="" selected="selected">Seleccionar...</option>
</select>
</td>
<td><input type="text" value="0" data-key="0" data-val="true" data-val-required="The QtdBonus field is required." id="p_QtdBonus" name="p.QtdBonus"></td>
<td><input readonly="readonly" data-key="0" type="number" data-val="true" data-val-required="The QtdTotal field is required." id="p_QtdTotal" name="p.QtdTotal" value="0"></td>
<td><input type="text" value="0" data-val="false" readonly="readonly" data-key="0" data-val-number="The field PercDesconto must be a number." data-val-required="The PercDesconto field is required." id="p_PercDesconto" name="p.PercDesconto"></td>
<td>
<select data-key="0" data-val="true" data-val-required="The TipoDesconto field is required." id="p_TipoDesconto" name="p.TipoDesconto">
<option selected="selected" value="0">BQ - Bonus/Quantidade</option>
<option value="1">FN - Financeiro</option>
</select>
</td>
<!--<td>
<select asp-for="Indefinido" asp-items="Html.GetEnumSelectList<ProdOrderStateEnum>()" data-key="0">
</select>
</td>-->
</tr>
<tr id="tableRow" data-key="1">
<td>
<input type="checkbox" value="1" name="Seleccionado" id="Seleccionado" data-key="1">
<input data-key="1" hidden="hidden" readonly="readonly" type="number" id="p_encdId" name="p.encdId" value="0">
</td>
<td><input readonly="readonly" data-key="1" type="number" id="p_Codigo" name="p.Codigo" value="0"></td>
<td>
<select data-key="1" id="p_ProdNome" name="p.ProdNome">
<option value="">Seleccionar...</option>
</select>
</td>
<td><input type="text" data-key="1" id="p_Data" name="p.Data" value="2019-12-10" class="hasDatepicker valid"></td>
<td><input type="text" value="0" data-key="1" id="p_QtdVendida" name="p.QtdVendida"></td>
<td><input readonly="readonly" data-key="1" type="number" id="p_CodigoBonus" name="p.CodigoBonus" value="0"></td>
<td>
<select data-key="1" id="p_ProdBonusNome" name="p.ProdBonusNome">
<option value="">Seleccionar...</option>
</select>
</td>
<td><input type="text" value="0" data-key="1" id="p_QtdBonus" name="p.QtdBonus"></td>
<td><input readonly="readonly" data-key="1" type="number" id="p_QtdTotal" name="p.QtdTotal" value="0"></td>
<td><input type="text" value="0" data-val="false" readonly="readonly" data-key="1" id="p_PercDesconto" name="p.PercDesconto"></td>
<td>
<select data-key="1" id="p_TipoDesconto" name="p.TipoDesconto">
<option selected="selected" value="0">BQ - Bonus/Quantidade</option>
<option value="1">FN - Financeiro</option>
</select>
</td>
<!--<td>
<select asp-for="Indefinido" asp-items="Html.GetEnumSelectList<ProdOrderStateEnum>()" data-key="1">
</select>
</td>-->
</tr>
</tbody>
</table>
<div>
<input type="submit" formaction="/Order/AddProd" value="Adicionar">
<input type="submit" formaction="/Order/RemoveProd" value="Eliminar">
</div>
<input type="submit" formaction="/Order/AddProd" value="Adicionar">
<input type="submit" formaction="/Order/RemoveProd" value="Eliminar">
</div>
<div>
Origem da Venda
<select data-val="true" data-val-required="The origemVenda field is required." id="origemVenda" name="origemVenda">
<option selected="selected" value=""> Seleccionar...</option>
<option selected="selected" value="0">Presencial</option>
<option value="1">Telefone</option>
<option value="2">Email</option>
</select>
</div>
<div>
Prioritário <input type="checkbox" data-val="true" data-val-required="The isPrioritario field is required." id="isPrioritario" name="isPrioritario" value="true">
</div>
<div>
<p><label> Observações </label></p>
<textarea id="observs" name="observs"></textarea>
</div>
Origem da Venda
<select data-val="true" data-val-required="The origemVenda field is required." id="origemVenda" name="origemVenda">
<option selected="selected" value=""> Seleccionar...</option>
<option selected="selected" value="0">Presencial</option>
<option value="1">Telefone</option>
<option value="2">Email</option>
</select>
</div>
<div>
Prioritário <input type="checkbox" data-val="true" data-val-required="The isPrioritario field is required." id="isPrioritario" name="isPrioritario" value="true">
</div>
<div>
<p><label> Observações </label></p>
<textarea id="observs" name="observs"></textarea>
</div>
<input type="submit" value="Guardar" formaction="/Order/SendOrdForm">
</div>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GcyQiMXD4hKjAyMx2R9E__maw4wCsSl1Dg4_7lCZBv1ad32_E9olwOI490xV89TorrItLfx7xRqBvrBIpYjdPpMt2gwzQ_OPz1PB8pzrmsN93XcU6lrzKIG5sQ7FbZYmSaI_8geGpzIubhwFvmSFb8"><input name="p.Seleccionado" type="hidden" value="false"><input name="p.Seleccionado" type="hidden" value="false"><input name="isPrioritario" type="hidden" value="false"></form><div id="warningDate">
Aviso: Data longe no futuro. Confirma-a?
</div>
</div>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GcyQiMXD4hKjAyMx2R9E__maw4wCsSl1Dg4_7lCZBv1ad32_E9olwOI490xV89TorrItLfx7xRqBvrBIpYjdPpMt2gwzQ_OPz1PB8pzrmsN93XcU6lrzKIG5sQ7FbZYmSaI_8geGpzIubhwFvmSFb8"><input name="p.Seleccionado" type="hidden" value="false"><input name="p.Seleccionado" type="hidden" value="false"><input name="isPrioritario" type="hidden" value="false"></form><div id="warningDate">
Aviso: Data longe no futuro. Confirma-a?
</div>
</div>
<footer class="panel-footer bottom-right">
<div>
</div>
</footer>
<div>
</div>
</footer>
<!-- JS includes -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript">
var armlocUrl = '/Order/FetchArmLoc';
var armloc = $('#aSelVM_SelectedArmLoc');
$('#aSelVM_SelectedArm').change(function () {
armloc.empty();
$.getJSON(armlocUrl, { id: $(this).val() }, function (data) {
if (!data) {
return;
}
armloc.append($('<option></option>').val('').text('Seleccionar...'));
$.each(data, function (index, item) {
armloc.append($('<option></option>').val(item.value).text(item.text));
});
});
});
</script>
<script type="text/javascript">
$('form').on("keydown", function (e) {
if (e.which == 13)
e.preventDefault();
});
</script>
$('form').on("keydown", function (e) {
if (e.which == 13)
e.preventDefault();
});
</script>
<!-- JS includes -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#tableRow #p_Data[type="date"]').attr('type', 'text');
var n = $("#tableRow #p_Data").length;
for (var i = 0; i < n; i++) {
$("#tableRow #p_Data[data-key='" + i + "']").datepicker({
dateFormat: "yy-mm-dd"
});
}
for (var i = 0; i < n; i++) {
$("#tableRow #p_Data[data-key='" + i + "']").datepicker({
dateFormat: "yy-mm-dd"
});
}
/*$("#tableRow #p_Data").each(function (index, item) {
$(item).datepicker({
dateFormat: "yy-mm-dd"
});
});*/
});
</script>
$(item).datepicker({
dateFormat: "yy-mm-dd"
});
});*/
});
</script>
<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="position: absolute; display: none; left: 480px; top: 554px; z-index: 1;"><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all"><a class="ui-datepicker-prev ui-corner-all" data-handler="prev" data-event="click" title="Prev"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a><a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" title="Next"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a><div class="ui-datepicker-title"><span class="ui-datepicker-month">December</span> <span class="ui-datepicker-year">2019</span></div></div><table class="ui-datepicker-calendar"><thead><tr><th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Su</span></th><th scope="col"><span title="Monday">Mo</span></th><th scope="col"><span title="Tuesday">Tu</span></th><th scope="col"><span title="Wednesday">We</span></th><th scope="col"><span title="Thursday">Th</span></th><th scope="col"><span title="Friday">Fr</span></th><th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th></tr></thead><tbody><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">1</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">2</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">3</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">4</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">5</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">6</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">7</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">8</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">9</a></td><td class=" ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default ui-state-highlight ui-state-active" href="#">10</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">11</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">12</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">13</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">14</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">15</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">16</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">17</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">18</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">19</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">20</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">21</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">22</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">23</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">24</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">25</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">26</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">27</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">28</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">29</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">30</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2019"><a class="ui-state-default" href="#">31</a></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td></tr></tbody></table></div></body>
I replicated this problema in Chrome. Is it a problem of using the same id? How may I use the same id, since it is easier for me?
Thank you.
It is the same id. You don’t use the same id. You use the same class.
JΛ̊KE
Leave a comment on João Carlos's reply
Leave a comment on jakecigar's reply
Thank you Jake.
The issue was resolved. I used diferente ids and the same class...
Leave a comment on João Carlos's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to João Carlos's question