post

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

Publicado em: 14/03/2023

Categorias: BlogHTMLJavaScriptJS

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.

Link de 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 para mim, e sugira alguma publicação de algum tema que tenha dificuldades de resolver.

Clique aqui e entre em contato


Comentários