Como gerenciar datas em formulários

Quando você está usando o componente de Data/Hora , você pode definir uma data mínima ou máxima, além de restringir a seleção de datas específicas pelo usuário.

Removendo datas da seleção do usuário

Para o componente de Data/hora , é possível disponibilizar uma ou mais datas específicas para seleção dentro do formulário, usando a propriedade Desabilitar datas específicas ou datas por intervalo .

Para remover datas específicas ou intervalos de datas da seleção do usuário, siga as etapas abaixo:

1. Acesse a guia Data do componente.
2. Usando as informações em Datas desabilitadas personalizadas, escreva as datas que deseja remover, nos formatos especificados.
3. Além disso, se quiser desabilitar dias úteis ou fins de semana, você pode marcar as caixas de seleção correspondentes.

Definindo uma data relativa

Para definir uma data mínima ou máxima relativa em um componente de Dia/Hora , é possível usar a biblioteca JavaScript Moment.js. Esta biblioteca já está incluída e você pode usá-la nos seus formulários.

Por exemplo, para definir a data mínima 10 dias antes da data atual, execute as seguintes etapas:

1. Acesse a aba Validação do componente Dia/Hora .
2. Selecione Usar entrada para adicionar moment.js de minDate.
3. No campo Data mínima , insira moment().substract(10,'days').

Para definir a data máxima 10 dias após a data atual, execute as seguintes etapas:

1. Selecione Usar entrada para adicionar moment.js de maxDate.
2. No campo Data máxima , insira moment().add(10,'days').