[Resolvido] Carrega Mascara campo data conforme select

Douglas Fernandess · Outubro 22, 2012

Fiz o campo conforme a opção aparece os campos porém não carrega a mascara do calendário. Alguém sabe como posso fazer para carrega?

LINK DOS ARQUIVOS

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

<!-------CALENDAR------->
<link href="calendario/_style/default.css" rel="stylesheet" type="text/css"/>
<link href="calendario/_style/jquery.click-calendario-1.0.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="calendario/_scripts/jquery.click-calendario-1.0-min.js"></script>           
<script type="text/javascript" src="calendario/_scripts/exemplo-calendario.js"></script>


<script type="text/javascript">
$(document).ready(function(){
       $("#campos-extra > div").hide();
       $("#Fechamento").change(function(){
               $("#campos-extra > div").hide();
               $( '#'+$( this ).val() ).show('fast');
       });

});
</script>
</head>
<body>

       <select name="Fechamento" id="Fechamento">
               <option value="">SELECIONE</option>
               <option value="0">0%</option>
               <option value="25">25%</option>
               <option value="50">50%</option>
               <option value="75">75%</option>
               <option value="100">100%</option>
       </select>

       <div id="campos-extra">
               <div id="0">
                                       <label> <span2>Data Visita:</span2>
                                               <input type="text" name="Data_Visita_Realizada" id="Data_Visita_Realizada" size="7" />
                                       </label>

                                  <label> <span2>Previsão:</span2>
                                         <input type="text" name="Previsao" id="Previsao" size="7" />
                                  </label>

                                  <label> <span2>Horário:</span2>
                                         <input type="text" name="Horario" id="HORA" size="7" />
                                  </label><BR /><BR />
                               </div>

                               <div id="25">
                                       <label> <span2>Data Visita:</span2>
                                               <input type="text" name="Data_Visita_Realizada" id="Data_Visita_Realizada" size="7" />
                                       </label>

                                  <label> <span2>Previsão:</span2>
                                         <input type="text" name="Previsao" id="Previsao" size="7" />
                                  </label>

                                  <label> <span2>Horário:</span2>
                                         <input type="text" name="Horario" id="HORA" size="7" />
                                  </label><BR /><BR />
                               </div>

                               <div id="50">
                                       <label> <span2>Data Visita:</span2>
                                               <input type="text" name="Data_Visita_Realizada" id="Data_Visita_Realizada" size="7" />
                                       </label>

                                  <label> <span2>Previsão:</span2>
                                         <input type="text" name="Previsao" id="Previsao" size="7" />
                                  </label>

                                  <label> <span2>Horário:</span2>
                                         <input type="text" name="Horario" id="HORA" size="7" />
                                  </label><BR /><BR />
                               </div>

                               <div id="75">
                                       <label> <span2>Data Visita:</span2>
                                               <input type="text" name="Data_Visita_Realizada" id="Data_Visita_Realizada" size="7" />
                                       </label>

                                  <label> <span2>Previsão:</span2>
                                         <input type="text" name="Previsao" id="Previsao" size="7" />
                                  </label>

                                  <label> <span2>Horário:</span2>
                                         <input type="text" name="Horario" id="HORA" size="7" />
                                  </label><BR /><BR />
                               </div>

       </div>
</body>
</html>

William Bruno · Outubro 22, 2012

faltou você instanciar o calendário.

el.calendario()...

Foi o script daqui que você pegou ne?!

http://www.tidbits.com.br/click-calendario-plugin-de-jquery-para-calendarios-em-portugues

Douglas Fernandess · Outubro 22, 2012

Não foi daí, nem lembro mais da onde kkkkk como assim faltou? eu já coloquei mais não aparece :s

William Bruno · Outubro 22, 2012

por exemplo, qndo você quer disparar um lightbox, você tem que instanciar ele:

$('a.modal').lightbox();

entendeu ? é a mesma coisa. Está faltando essa chamada do teu calendário.

Procure no código, ou ache o link de onde você baixou. Está faltando instanciar. (avisar qual é o objeto disparador).

Douglas Fernandess · Outubro 22, 2012

Tenho assim no arquivo exemplo_calendário.js

Teria que da certo

<!-- instanciar o calendário
<script type="text/javascript" src="calendario/_scripts/exemplo-calendario.js"></script> -->

<script type="text/javascript">
$(document).ready(function(){

$('#Data_Visita').focus(function(){
	$(this).calendario({ 
		target:'#Data_Visita'
	});
});

$('#Data_Visita_Realizada').focus(function(){
	$(this).calendario({ 
		target:'#Data_Visita_Realizada'
	});
});

$('#Previsao').focus(function(){
	$(this).calendario({ 
		target:'#Previsao'
	});
});
});

</script>

William Bruno · Outubro 22, 2012

aperte Ctrl+Shift+J no Firefox e veja se aparece algum erro no console.

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Douglas Fernandess · Outubro 22, 2012

Bom, valeu pela resposta, resolvi a maioria, mais deu um com a biblioteca do ajax, que sempre retorna true, o que seria?

William Bruno · Outubro 22, 2012

qual o erro ?

e qual o código ?

Douglas Fernandess · Outubro 23, 2012

o Erro é o seguinte:

A propriedade specified de objetos Attr não deve ser mais usada. Sempre retorna true.

O código é o acima já postado

William Bruno · Outubro 23, 2012

cara... dá uma olhada novamente no erro, e veja em qual arquivo ele está indicando.

provavelmente não é o seu código. Mas sim de algum plugin q você usou.

Douglas Fernandess · Outubro 31, 2012

consegui resolver

Arquivado

[Resolvido] Carrega Mascara campo data conforme select

Recommended Posts

Douglas Fernandess 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Douglas Fernandess 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Douglas Fernandess 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Douglas Fernandess 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Douglas Fernandess 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Douglas Fernandess 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Fóruns

Tempo Real

Informação importante