Como criar uma seleção de datas de Chegada/Partida

Guia Passo a Passo para Criar Campos de Calendário de Intervalo de Datas Conectados

Overview

Este tutorial demonstra como vincular dois campos de calendário, denominados "chegada" e "partida", para criar um seletor de intervalo de datas. Você configurará o campo Chegada com Limites de Data/Hora e definirá o Campo de Data Final, depois aplicará configurações semelhantes ao campo Partida com o Campo de Data Inicial. O resultado são dois calendários interconectados onde a data de partida não pode ser selecionada antes da data de chegada escolhida.

Começamos nosso formulário com 2 campos de Calendário, como mostrado

Como criar uma seleção de datas de Chegada/Partida image 2

Observe que os nomes dos nossos campos são arrival e departure, como mostrado

Nas configurações do campo Arrival, alteramos o formato para usar apenas a Data, habilitamos o comportamento Date/Time Limits e definimos o End Date Field name:

Como criar uma seleção de datas de Chegada/Partida image 3

No campo Departure fazemos o mesmo, mas aqui definimos o Start Date Field Name:

Como criar uma seleção de datas de Chegada/Partida image 4

 

O resultado final são 2 campos de calendário que estão conectados em um intervalo de datas, não podemos selecionar datas de Departure antes do dia 12 porque 12 é a data de Arrival.

Como criar uma seleção de datas de Chegada/Partida image 5

You may also like:

Comments:

You need to login to be able to post a comment.