Página 1 de 1

Manipulação de Datas

Enviado: 05 Fev 2025, 19:49
por rose.suporte
Como acrescentar barra "/" no campo de data, não quero usar o date no input, quero que o usuário digite a data e seja incrementado automaticamente as barras.

Re: Manipulação de Datas

Enviado: 07 Fev 2025, 16:47
por leandrorppo
Olá! Tudo bem?

Se estiver utilizando campos customizados terá que programando fazer com que a máscara que define o formato de data carregue no campo correto. Pode utilizar máscaras em campos HTML com o jQuery Mask Plugin. Um exemplo na aplicação seria:
Código: Selecionar todos
<input type="text" id="FieldDate">
Código: Selecionar todos
$("#FieldDate").mask("99/99/9999");

Re: Manipulação de Datas

Enviado: 10 Fev 2025, 17:03
por rose.suporte
Olá, tudo bem e com vc?

coloquei o input dentro do corpo do html, e o restante dentro do script. Mas não funcionou, ao digitar a data fica somente os números sem a divisão das barras.
Ex: 10022025
Gostaria que ao usuário digitar, as barras fossem inseridas automáticas. Ex: 10/02/2025

Re: Manipulação de Datas

Enviado: 11 Fev 2025, 10:35
por leandrorppo
Olá! Tudo bem?

Primeiro terá que chamar o plugin no catalog/view/theme/SEU_TEMA/template/common/header.twig
Antes da linha:
Código: Selecionar todos
</head>
Insira:
Código: Selecionar todos
https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js
Depois altere o arquivo que necessita da data e no campo insira id="FieldDate", exemplo:
Código: Selecionar todos
<input type="text" id="FieldDate">
No arquivo catalog/view/theme/SEU_TEMA/template/common/footer.twig
Antes de:
Código: Selecionar todos
</body>
Insira:
Código: Selecionar todos
<script type="text/javascript"> 
$("#FieldDate").mask("99/99/9999");
</script>
Não testei, mas deve funcionar.

Re: Manipulação de Datas

Enviado: 19 Fev 2025, 16:25
por rose.suporte
Deu certo, muito obrigada... :D :D :D :lol: :lol: