Estou utilizando o plugin datepicker
Todos os meus input de datepicker, possui a classe chamada datepicker
<input type="text" class="datepicker">
Para assim, eu ter apenas uma configuração para o datepicker e poder utilizar em todas as páginas, então faço a configuração em um arquivo dateconfig.js
, nesse arquivo eu possuo apenas o seguinte código:
$(".datepicker").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','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']
});
Mas eu tenho uma página com um table
e nela existe o input
com a class="datepicker"
Mas quando eu chamo uma modal via ajax, e nela existe também uma input
, ela não carrega o plugin, então na página dessa modal eu copio o código de configuração e adiciono dentro de uma tag <script>
//Codigo de configuração citado acima </script>
, fazendo isso ele adiciona o plugin, mas lá na minha página com a table
, ele duplica o plugin
, criando 2 calendários do datepicker
Como eu poderia resolver esses dois problemas?
Edit
A forma que atualmente faço a chamada da modal é essa:
em meu "index/grid/table"
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content" id="modalContent">
</div>
</div>
</div>
a minha chamada de ajax
, eu utilizei um html helper
do asp.net mvc
, mas acredito que ele se interprete como essa chamada do jquery
:
$.ajax({
type: "GET",
url: "URL",
success: function (result) {
$("#modalContent").html(result);
},
complete: function (msg) {
$('#myModal').modal('show');
}
});
$("#modalContent .datepicker").datepicker({
dentro dessecomplete: function (msg) {
do AJAX. Assim só vai juntar datepicker a esse(s) inputs que o modal tenha recebido.