首页 > 解决方案 > 如何从网页上的日历中获取链接以将其导出到谷歌日历?

问题描述

该公司给了我们很多代码,我的团队必须将该日历导出到谷歌日历(或类似的东西)的链接,我一直在尝试使用节点 ical,但我找不到解决方案。

<ng-template id="modal-inicio" #contenidoHabilidad let-modal>
    <div class="modal-header">
        <h2 class="modal-title">Dirección del calendario iCal</h2>
        <button class="close" aria-label="close" type="button" (click)="modal.dismiss()">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>

    <div class="form-container">
        <form [formGroup]="contactForm" (ngSubmit)="onSaveForm()">
            <br>
                <div class="Ical">
                       <p> Utiliza esta dirección iCal para exportar la vista del calendario actual a otros programas. </p>
                       <p>Copia la siguiente URL y pégala en un programa compatible(Google Calendar, Outlook, Office365,Iphone..).</p>
                       <br>
                       <div class="col-sm-10">
                       <input id="iCalUrl" class="form-control ng-pristine ng-valid" rows="1" ng-model="iCal"> 
                        </div>
                        <div class="col-sm-2">
                            <a class="btn btn-success btn-block ng-binding ng-isolate-scope" href copytoclipboard target="'iCalUrl'">Copiar</a>
                        </div>
                       <p> AQUI VA EL LINK</p>
                        <br>
                        <li>Este calendario incluye una entrada por dia con el nombre de las personas ausentes.</li>
                        <li>La sincronización inicial es inmediata, además los datos se actualizan cada 24 horas.</li>
                        <li>Se exportan las ausencias del mes en curso.</li>       
                    </div>
        <br><br>
            <div class="modal-footer">
            <button type="button" class="btn btn-primary" (click)="modal.close()" >Aceptar</button>
            </div>
        </form>
    </div>
    
   
</ng-template>

<!-- <button type="button" class="btn btn-outline-danger" (click)="openCalendar(contenidoCalendar)">Lanzar modal</button> -->
<button type="button" class="btn btn-dark btn-sm justify-center" (click)="openHabilidad(contenidoHabilidad)">Exportar Calendario<i-feather name="plus-circle" class="fea icons"></i-feather></button>

我一直在尝试在其他页面上查看其他日历,但我找不到路,所以我在问,谢谢。

标签: angulartypescriptmongodbcalendar

解决方案


推荐阅读