post

Botão salvar evento no calendário com JS (JavaScript)

Publicado em: 14/03/2023 / Atualizado em: 14/03/2023

Categorias: BlogHTMLJavaScript (JS)JS

Precisa criar um botão para que o usuário adicione um determinado evento do site em sua agenda? Então este post pode lhe ajudar.

Este projeto open-souce pode trazer a solução para o seu problema: https://add-to-calendar-button.com/

Veja um exemplo abaixo de integração simplificada:

<script src="https://cdn.jsdelivr.net/npm/add-to-calendar-button@2" async defer></script>

<add-to-calendar-button 
  name="Titulo evento teste"
  startDate="2023-09-10"
  startTime="10:15"
  endTime="17:45"
  timeZone="America/Sao_Paulo"
  options="'Apple','Google','iCal','Outlook.com','Yahoo','Microsoft365','MicrosoftTeams'"
  listStyle="modal"
  trigger="click"
  label="Salvar na agenda"
  language="pt"
></add-to-calendar-button>

Exemplo funcionando em: https://botao-salvar-evento-no-calendario-js.brunoalbim.repl.co/

Espero que este post tenha lhe ajudado. Um forte abraço e até o próximo conteúdo.

Publicações recomendadas:

Inscreva-se em Nossa News:

Seja notificando sempre que tiver conteúdo novo disponível no meu canal do Youtube ou artigo no meu Blog.

Bruno Devs News

Link Curto para Compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/2607

ID de Referência: 2607

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato