Inserir um seletor de data

Aplica-se a
InfoPath 2010 InfoPath 2013

Um seletor de datas é um controle que permite que os usuários insiram datas rapidamente em um formulário do Microsoft Office InfoPath clicando em um calendário pop-up pequeno. Por exemplo, você pode usar um seletor de datas para coletar datas de nascimento de pessoas em um formulário de seguro. Você também pode usar um seletor de datas para exibir datas predefinidas, como a data atual.

Neste artigo

Quando usar um seletor de datas

Use um seletor de datas quando quiser:

  • Permitir que os usuários insiram datas de sua escolha em um formulário, como datas de início e término de um projeto específico.
  • Use as funções de hoje e agora para mostrar a data e a hora de hoje em um formulário.
  • Exiba datas de uma fonte de dados externa, como cobrança e datas de envio de um banco de dados de pedidos de clientes.

Na ilustração a seguir, um seletor de datas é usado em um modelo de formulário de solicitação de viagem para coletar a data de partida de um voo.

3b44b63f-9a4b-4fe2-8be1-5a26f8a1dfcd

Você pode personalizar o seletor de datas para atender às suas necessidades clicando duas vezes no controle no modelo de formulário e alterando suas propriedades. Por exemplo, você pode especificar uma data padrão ou alterar a forma como a data é exibida no formulário.

Início da Página

A experiência do usuário

Os seletores de data parecem caixas de texto, exceto que um pequeno ícone de calendário aparece no lado direito da caixa. Para abrir o calendário pop-up, os usuários clicam no ícone de calendário. Quando o calendário é exibido, os usuários podem clicar na data desejada no calendário ou usar os botões de seta direita e esquerda para percorrer os meses. Se os usuários desejarem inserir a data atual, eles poderão clicar no botão Hoje na parte inferior do calendário.

7b3f1415-c985-4f40-ac16-8981a0401da8

Início da Página

Considerações de compatibilidade

Ao criar um modelo de formulário no InfoPath, você pode escolher um modo de compatibilidade específico para projetar um modelo de formulário compatível com o navegador. Quando um modelo de formulário compatível com navegador é publicado em um servidor que executa InfoPath Forms Services e, em seguida, habilitado para navegador, formulários com base no modelo de formulário podem ser exibidos em um navegador da Web. Quando você cria um modelo de formulário compatível com o navegador, alguns controles não estão disponíveis no painel de tarefas Controles porque não podem ser exibidos em um navegador da Web.

Embora os seletores de data estejam disponíveis quando você criar um modelo de formulário compatível com o navegador, esteja ciente das seguintes limitações:

  • Os seletores de data são totalmente compatíveis somente em navegadores do Windows Internet Explorer. Em outros navegadores da Web, o seletor de datas aparece como uma caixa de texto, embora as opções de formatação de data tenham suporte na caixa de texto.
  • Texto espaço reservado é um texto que aparece dentro de um controle em um modelo de formulário. Um exemplo de texto de espaço reservado é "Clique aqui e digite". Embora você possa deixar as configurações de texto de espaço reservado para modelos de formulário compatíveis com o navegador, esse texto não aparece em navegadores da Web.

Início da Página

Inserir um selecionador de data

O procedimento para inserir um seletor de datas difere ligeiramente dependendo se você estiver projetando um modelo de formulário em branco ou baseando o design do modelo de formulário em um banco de dados ou em outra fonte de dados externa.

A ilustração a seguir mostra a aparência de um seletor de datas quando ele é selecionado no modo de design.

0553b319-df10-46ce-9fb9-ee1cdd132d22

Os controles podem ser associados ou não associados. Quando um controle é associado, ele é conectado a um campo ou grupo na fonte de dados para que os dados inseridos no controle sejam salvos no arquivo de formulário subjacente (.xml). Quando um controle não é associado, ele não é conectado a um campo ou grupo, e os dados inseridos no controle não serão salvos. Quando você seleciona ou move o ponteiro sobre um controle, o texto e um ícone de associação aparecem no canto superior direito do controle. O texto indica o grupo ou campo ao qual o controle está associado na fonte de dados. O ícone indica se o controle está vinculado corretamente a esse grupo ou campo. O ícone é exibido em verde quando a vinculação está correta. Se houver algo errado com a associação, você verá um ícone azul ou vermelho em vez disso.

A fonte de dados do modelo de formulário consiste em campos e grupos que aparecem em um modo de exibição hierárquico no painel de tarefas Fonte de Dados. Os controles do seletor de datas estão sempre associados a campos. No exemplo a seguir, o seletor de data de partida no modelo de formulário está vinculado ao campo departureDate no painel de tarefas fonte de dados .

bd563ae1-ac47-4893-b6e8-5288289528f3

Inserir um seletor de datas em um novo modelo de formulário em branco

Quando você cria um modelo de formulário novo e em branco, a caixa de seleção Criar fonte de dados automaticamente, no painel de tarefas Controles, é selecionada por padrão. Isso permite que o InfoPath crie campos e grupos automaticamente na fonte de dados conforme você adiciona controles ao modelo de formulário. Esses campos e grupos são representados por ícones de pasta e arquivo no painel de tarefas Fonte de Dados.

  1. No modelo de formulário, coloque o cursor onde você deseja inserir o controle.

  2. Se o painel de tarefas Controles não estiver visível, clique em Mais Controles no menu Inserir, ou pressione ALT+I, C.

  3. Em Inserir controles, clique em Seletor de Datas.

  4. Para adicionar um rótulo ao controle, digite o texto acima ou à esquerda do controle, seguido de dois-pontos (:).

  5. Para especificar a forma como a data é exibida no formulário, clique duas vezes no seletor de datas inserido no modelo de formulário.

  6. Clique na guia Dados e clique em Formatar.

  7. Na caixa de diálogo Exibir a data como esta , na caixa de diálogo Formato data , clique no formato de exibição desejado.

    Observação

    Você só poderá alterar o formato de exibição da data se o tipo de dados for texto, data ou data e hora.

Inserir um seletor de datas em um modelo de formulário baseado em uma fonte de dados existente

Se você basear o design do seu modelo de formulário em um serviço da Web, banco de dados ou arquivo em linguagem XML existente, o InfoPath deriva os campos e grupos no painel de tarefas Fonte de Dados utilizando essa fonte de dados existente. Nesse cenário, você pode adicionar um seletor de datas arrastando um campo seletor de datas do painel de tarefas Fonte de Dados para o modelo de formulário ou inserindo o seletor de data usando o painel de tarefas Controles , conforme descrito no seguinte procedimento:

  1. No modelo de formulário, coloque o cursor onde você deseja inserir o controle.

  2. Se o painel de tarefas Controles não estiver visível, clique em Mais Controles no menu Inserir, ou pressione ALT+I, C.

  3. Em Inserir controles, clique em Seletor de Datas.

  4. Na caixa de diálogo Associação do Seletor de Datas , selecione o campo no qual você deseja armazenar os dados do seletor de datas e clique em OK.

  5. O InfoPath usa o nome do campo ou do grupo como o rótulo do controle. Se necessário, altere o texto do rótulo.

  6. Para especificar a forma como a data é exibida no formulário, clique duas vezes no seletor de datas inserido no modelo de formulário.

  7. Na guia Dados , clique em Formatar.

  8. Na caixa de diálogo Exibir a data como esta , na caixa de diálogo Formato data , clique no formato de exibição desejado.

    Observação

    Você só poderá alterar o formato de exibição da data se o tipo de dados for texto, data ou data e hora.

Dica

Você também pode usar o painel de tarefas Fonte de Dados para inserir os controles. No painel de tarefas Fonte de Dados , clique com o botão direito do mouse no campo ao qual deseja associar o seletor de datas e clique em Seletor de Datas no menu de atalho.

Início da Página

Exibir a data atual em um seletor de datas

Para inserir automaticamente a data atual em um formulário quando os usuários a abrirem, você pode usar a função today com um controle de seletor de datas.

  1. Insira um seletor de datas no modelo de formulário.

  2. Clique duas vezes no seletor de datas que você inseriu no modelo de formulário.

  3. Clique na guia Dados.

  4. Em Valor Padrão, clique em Inserir Fórmula888d37c3-e2dd-4119-8922-6a7ed6128c8e .

  5. Na caixa de diálogo Inserir Fórmula , clique em Inserir Função.

  6. Na lista Categorias na caixa de diálogo Inserir Função , clique em Data e Hora.

  7. Na lista Funções , clique hoje e clique em OK duas vezes para retornar à caixa de diálogo Propriedades do Seletor de Datas .
    Observe que hoje() aparece na caixa Valor .

  8. Em Valor Padrão, desmarque a caixa Atualizar esse valor quando o resultado da fórmula for recalculado marcar caixa.

    Observação

    Se você limpar essa caixa marcar, a data não será atualizada automaticamente sempre que um usuário abre um formulário com base neste modelo de formulário. Isso é ideal em situações em que você deseja que os usuários vejam a data em que o formulário foi criado. Você pode deixar a caixa marcar selecionada em situações em que você tem uma Última atualização no campo ou Última aberta no campo, em que deseja que a data seja alterada sempre que o formulário for aberto.

  9. Clique em OK para retornar ao modelo de formulário.

  10. Para testar as alterações, clique Visualizar na barra de ferramentas Padrão ou pressione CTRL+SHIFT+B.

  11. Verifique se a data exibida no seletor de datas é da maneira que você deseja. Se não o fizer, você poderá alterar como a data ou hora é exibida clicando no botão Formatar na caixa de diálogo Propriedades do Seletor de Datas .

Início da Página

Exibir a data e a hora atuais em um seletor de datas

Para inserir automaticamente a data e a hora atuais em um formulário quando os usuários a abrirem, você pode usar a função now com um controle de seletor de datas.

  1. Insira um seletor de datas no modelo de formulário.

  2. Clique duas vezes no seletor de datas que você inseriu no modelo de formulário.

  3. Clique na guia Dados.

  4. Na caixa Tipo de dados , clique em Data e Hora (dateTime).

  5. Clique em Formatar.

  6. Na caixa de diálogo Formato de Data e Hora , na caixa de diálogo Exibir a hora como esta lista, clique na opção desejada e clique em OK.

  7. Na caixa de diálogo Propriedades do Seletor de Data , em Valor Padrão, clique em Inserir Fórmula888d37c3-e2dd-4119-8922-6a7ed6128c8e .

  8. Na caixa de diálogo Inserir Fórmula , clique em Inserir Função.

  9. Na lista Categorias na caixa de diálogo Inserir Função , clique em Data e Hora.

  10. Na lista Funções , clique agora e clique em OK duas vezes para retornar à caixa de diálogo Propriedades do Seletor de Datas .
    Observe que agora() aparece na caixa Valor .

  11. Em Valor Padrão, desmarque a caixa Atualizar esse valor quando o resultado da fórmula for recalculado marcar caixa.

    Observação

    Se você limpar essa caixa marcar, a data não será atualizada automaticamente sempre que um usuário abre um formulário com base neste modelo de formulário. Isso é ideal em situações em que você deseja que os usuários vejam a data em que o formulário foi criado. Você pode deixar a caixa marcar selecionada em situações em que você tem uma Última atualização no campo ou Última aberta no campo, em que deseja que a data seja alterada sempre que o formulário for aberto.

  12. Clique em OK para retornar ao modelo de formulário.

  13. Para testar as alterações, clique Visualizar na barra de ferramentas Padrão ou pressione CTRL+SHIFT+B.

  14. Verifique se a data exibida no seletor de datas é da maneira que você deseja. Se não o fizer, você poderá alterar como a data ou hora é exibida clicando no botão Formatar na caixa de diálogo Propriedades do Seletor de Datas .

Início da Página

Dicas de layout

Use as seguintes dicas para ajudá-lo a refinar a aparência, o tamanho e outros aspectos de um seletor de datas:

  • Para alterar o tamanho de vários seletores de data ao mesmo tempo, selecione os seletores de data cujo tamanho você deseja alterar, no menu Formatar , clique em Propriedades e, em seguida, na guia Tamanho , faça os ajustes necessários.
  • Para alterar a borda ou a cor de um seletor de datas, selecione o seletor de datas, no menu Formatar , clique em Bordas e Sombreamento e faça os ajustes necessários.
  • Para personalizar o texto que aparece em um seletor de datas, use as caixas Fonte e Tamanho da Fonte na barra de ferramentas Formatação . Para alterar a fonte e o tamanho da fonte para todos os seletores de data em seu modelo de formulário de uma só vez, clique com o botão direito do mouse no seletor de datas que contém a formatação desejada e clique em Aplicar Fonte a Todos os Controles de Seletor de Data no menu de atalho.
  • Para ver como será o seletor de datas com o texto real, clique em Dados de Exemplo no menu Exibir . Isso ajuda você a ter uma noção de como será o formulário quando os usuários preenchê-lo.
  • Na ocasião, o texto dentro de um seletor de datas e o rótulo à esquerda do seletor de datas podem parecer estar um pouco fora de alinhamento. Para realinhar rapidamente, clique duas vezes no seletor de datas, clique em Alinhar na guia Tamanho e clique em Aplicar. Se o rótulo e o seletor de data estiverem em células diferentes em uma tabela de layout, clique com o botão direito do mouse na célula que contém o rótulo, clique em Propriedades da Tabela no menu de atalho e clique em Central em Alinhamento vertical na guia Célula .
  • Para alterar a forma como a data é exibida, clique duas vezes no seletor de datas, clique na guia Dados e clique no botão Formatar . Escolha um formato de exibição na caixa de diálogo Formato de Data .

Início da Página