Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ritchelly

DatePiker Jquery

Por , em Javascript

Recommended Posts

ritchelly    0

ritchelly
Postado

Galera, Mais uma vez boa tarde !

 

estou tendo um probleminha com o Datepiker do Jquery que é a seguinte:

 

Tenho um menu, quando clico neste menu(#divSuperior) , eu carrego em uma página(index.php) na div(#divPrincipal) através do método Post do Jquery .

 

Nesta página index.php tenho um datepiker, na primeira vez que clico na div superior e ele aparece, funciona normalmente, o calendario abre e fica tudo perfeito, se repito o procedimento (clico na #divSuperior e a index.php abre novamente) o calendário não funciona mais.

 

alguém pode me ajudar

 

 

segue o código resumido :

 

Arquivo index.php


<html>

    <header>
<!--

JQueryMobile

   <link rel="stylesheet" href="plugins/jquery.mobile/jquery.mobile-1.4.3.css">
   <script src="plugins/jquery.mobile/js/jquery.js"></script>
   <script src="plugins/jquery.mobile/jquery.mobile-1.4.3.min.js"></script>

   <style type="text/css">
          <meta charset="utf-8">

       <link rel="stylesheet" href="../plugins/jquery.ui/development-bundle/themes/base/jquery.ui.all.css">
       <script src="../plugins/jquery.ui/js/jquery-1.10.2.js"></script>
       <script src="../plugins/jquery.ui/development-bundle/ui/jquery.ui.core.js"></script>
       <script src="../plugins/jquery.ui/development-bundle/ui/jquery.ui.widget.js"></script>
       <script src="../plugins/jquery.ui/development-bundle/ui/jquery.ui.tabs.js"></script>
       <script src="../plugins/jquery.ui/development-bundle/ui/jquery.ui.datepicker.js"></script>


        <script>
            $(function() {
                $( "#tabs" ).tabs();
            });

            $(function() {
                $( "#datepicker").datepicker({dateFormat: 'dd/mm/yy'})
            });


        </script>

arquivo script.js

$(document).ready(function(){

    $(function(){


        $('#DivSuperior').click(function(){



            // $('#DivPrincipal').load('requisicao.php');



            $.post('requisicao.php',function(resultado){

                $('#DivPrincipal').html(resultado);


            });

        });

        /*objetos da página requisição.php*/
        $('.collidCtb').click(function(){


            var Codigo=$(this).attr("id");


      //essa é a pagina que contem o TimePiker

           $.post('../contribuinte/index.php?id='+Codigo,function(resultado){

                $('#DivPrincipal').html(resultado);


            });

            e.stopImmediatePropagation();

        });

Lembrando que a tabs funciona normalmente, mas o datepiker só na primeira vez que a página é carregada na div, só funciona normalmente de novo seu eu atualizar a pagina com um f5.

 

 

agradeço a todos pela atenção !

Compartilhar este post

Link para o post
Compartilhar em outros sites

ritchelly    0

ritchelly
Postado

Cara, não tenho , esta em meu localhost, estou quebrando a cabeça com isso ja faz 2 dias :(

 

 

Mas vou ver se consigo disponibilizar os arquivos aqui, só tengo que dar um jeito neles por causa do db, vou fazer isso e upo pra vcs.

 

Muito obrigado pela atenção !

Compartilhar este post

Link para o post
Compartilhar em outros sites

Snowden    94

Snowden
Postado

tente o seguinte

// TROQUE..

// SEU JS
$("#datepicker").datepicker({dateFormat: 'dd/mm/yy'});
// SEU HTML
<input type="text" id="datepicker">

// POR...

// SEU JS
$(".datepicker").datepicker({dateFormat: 'dd/mm/yy'});
// SEU HTML
<input type="text" class="datepicker">

Compartilhar este post

Link para o post
Compartilhar em outros sites

ritchelly    0

ritchelly
Postado

Hugo, obrigado pela resposta, mas não deu certo , acho que é algum conflito do jquery msm quando carrego em div, pois quando acesso a página via browse, funciona tudo direito, apenas quando eu abro a página numa div, que dá isso ..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Douglas Julião    34

Douglas Julião
Postado

Eae Man ja resolveu seu problema?

Eu posso estar falando besteira mais vou tentar ajudar, tenta chamar o seu datepicker dentro do callback que você fez no $.post, talvez o post funcione igual o load (quando carrega uma página junto com um id ou class ele desabilita o carregamento de script).
Faz um teste ai :)

$.post('requisicao.php',function(resultado){

$('#DivPrincipal').html(resultado);
$( "#datepicker").datepicker({dateFormat: 'dd/mm/yy'})

});

Compartilhar este post

Link para o post
Compartilhar em outros sites

ritchelly    0

ritchelly
Postado

Fala Douglas, perdão pela demora, tive em outros projetos nos últimos meses, agora que estou voltando para este, cara, não funcionou não , não sei o que pode ser , o que me deixa curioso é que na primeira vez que carrego a página ela funciona normalmente, quando clico no botão que faz o load da div novamente que ele passa a não funcionar, e o interessante é que todos as outras funções javascript funcionam normalmente, somente o piker que não :upset:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito