Histórico da Página
Índice
Índice | ||||||||
---|---|---|---|---|---|---|---|---|
|
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 | ||||||
---|---|---|---|---|---|---|
| ||||||
// 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.