Calendário Comum

[Fábio BN 17]

Oi Pessoal, tudo bem?

 

Estou precisando de algum exemplo de calendário, vou trabalhar com 2 campos, sendo eles: Data inicial e data final, e o resultado selecionado terá que entrar num campo ( type="TEXT" ).

 

Se alguém tiver algum exemplo, favor me fornecer.

 

Muito obrigado!

Fábio.

[wilnet 92]

Olá Fábio,

 

Veja esse link, eu uso ele justamente em algo parecido ao que quer em um Formulário em ASP e Gravo essa informação no BD, Perfeito.

 

Nele tem alguns exemplos de Modelos de calendários. LINK

 

 

Basta você alterar essa informação por exemplo, Um para "DataInicial" e outro para "DataFinal"

 

Desta forma você terá dois Campo com este calendário.

$('#dataInicio').focus(function(){		$(this).calendario({ 			target:'#dataInicio',			top:0,			left:0		});	});			$('#dataFinal').focus(function(){		$(this).calendario({ 			target:'#dataFinal',			top:0,			left:0		});	});

Espero que ajude.

[Fábio BN 17]

Oi, tudo bem?

 

Ok, me serviu muito.

 

Tem como evitar que o usuário consiga digitar algo no campo, que ele apenas consiga selecionar a data pelo calendário usando o maouse, mas sem permitir que ele insira dados na caixa de texto pelo teclado?

 

Obrigado!

[wilnet 92]

Olá Fábio,

 

Acrescente readonly="readonly" no type="TEXT" que resolve.

 

Mas você tb pode usar um Jquery para Validar esse campo para o formato somente Data.

 

Espero que ajude.

[Fábio BN 17]

Oi.

Como faço para validar o campo somente no formato data? No caso, ele dá um alerta quando o usuário deixar o campo, eu ele insere uma máscara que só permite que seja digitado uma data?

 

Eu valido usando o ASP após o POST, mas se puder validar antes, seria mais simples.
Obrigado!

[wilnet 92]

No Google tem vários exemplos de como validar Data, basta escolher um que melhor desejar, pois são muitas exemplos.

[Fábio BN 17]

Ok, achei.

 

Qual a diferença do reverse: true ou false?

 

Abraços!

[wilnet 92]

Olá Fabio,

 

O legal tb é vc Validar usar Expressão Regular, assim a data ficará no padrão correto.

 

Veja esses Links, depois vc pode usar uma Máscara tb para ficar melhor.

 

Link 1

 

Link 2

[Fábio BN 17]

Oi, tudo bem?

 

Baixei o JQuery.mask.min.js de validar campos, mas não funciona.

Veja:

 

<script type="text/javascript" src="../../js/jquery.mask.min.js"></script>

<script>
$(document).ready(function(){
$(function(){
$('#cpf').mask('000.000.000-00', {reverse: true});
});
</script>

 

<input name="cpf_titular" type="text" id="cpf" size="14" maxlength="14" class="input_caixa_adicionais"/>

 

Não funciona, onde será que estou errando?

 

Obrigado!

[wilnet 92]

1) Acredito que deva incluir acima deste teu jquery.mask, o arquivo principal do jquery, como exemplo neste link.

 

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

 

 

2) Veja se o caminho onde está seu "jquery.mask.min.js" está correto.

 

 

3) Tente deixar seu "input name" com o mesmo que está sua mascara.

 

 

Faça os testes.

[Fábio BN 17]

Oi, Eu adicionei o JS Principal, e os links estão corretos, mas mesmo assim nada.

Já tentei usar ID, Class, e nada. Já mudei o name para um nome igual, já removi o campo name. Não sei por que o erro!

 

<title>Titulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../../css/arquivo.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../../js/jquery.mask.min.js"></script>
<script>
$(document).ready(function(){
$(function(){
$('#cpf').mask('000.000.000-00', {reverse: true});

});
</script>

 

<input name="cpf_titular" type="text" id="cpf" size="14" maxlength="14" class="input_caixa_adicionais">

 

Abraços!

[wilnet 92]

Fabio seu script está faltando ser fechado });

 

Desta forma é o correto:

 

<script>
$(document).ready(function(){
$(function(){
 $('#cpf').mask('000.000.000-00', {reverse: true});
    });
});
</script>

[Fábio BN 17]

Oi, obrigado amigo, agora que fechei o Script funcionou, agradeço muito.

Abraços - Fábio!

[wilnet 92]

Legal Fabio,

 

Se deu certo, pode marcar o tópico como Resolvido.