Como gerenciar datas em formulários

Quando você está usando o componente Data/hora, é possível 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, você pode tornar uma ou mais datas específicas indisponíveis para seleção dentro do formulário, usando a propriedade Desabilitar datas ou datas específicas 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 dentro de um componente de Dia/Hora , é possível usar a biblioteca JavaScript Moment.js. Esta biblioteca já está incluída e você pode usá-la em seus formulários.

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

1. Acesse a guia Validação do componente Dia/Hora .
2. Selecione Usar entrada para adicionar moment.js para 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').