Botão salvar evento no calendário com JS (JavaScript) - Bruno Devx - BR Criativus

post #2607

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:


Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=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