Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Índice

Índice
maxLevel4
outlinetrue
exclude.*ndice
stylenone

 


Plataforma

Produto: fluigTOTVS Fluig Plataforma

Versão: 1.5.9

Ocorrência

Pretendemos implementar uma validação de data referente ao nosso processo de aprovação de horas extras, de forma que, as solicitações devem ser iniciadas com pelo menos três dias de antecedência. 

Solução

O componente de calendário presente no fluig Style Guide possibilita realizar esta validação, pois é possível definir uma data mínima de seleção. Por exemplo, se o usuário tentar iniciar a solicitação hoje, só conseguirá selecionar no calendário uma data daqui a três dias.

Disponibilizei anexo um exemplo de formulário que aplica a regra descrita acima. Para bloquear a data mínima de seleção, foi utilizado método setMinDate() disponível a partir do objeto FLUIGC.calendar():

Bloco de código
languagejs
titleCalendário
linenumberstrue
// Esta linha cria a variável calendário que receberá a chamada FLUIGC.calendar():
var calendario = FLUIGC.calendar("#" + id);
// Cria a variável com a data atual:
var dataAtual = new Date();
// Adiciona 3 dias na data atual, você pode alterar este valor conforme necessário:
var dias = 3;
// Incrementa a quantidade de dias na data atual:
dataAtual.setDate(dataAtual.getDate() + dias);
// Define que o valor mínimo a ser selecionado no calendário:
calendario.setMinDate(dataAtual);

...


Com a implementação deste código, podemos visualizar que a data mínima de seleção é de 3 dias após a data atual:

Observações

Esta configuração não está disponível no editor web do fluig no da plataforma no momento, é possível de ser feita apenas via TDS, alterando o código manualmente.