Fórum OpenCart Brasil

[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.

[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");

[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

[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.

[rose.suporte]

Deu certo, muito obrigada...