如何使用脚本类型中的模式将事件添加到完整日历中

编程问答 2022-07-21

问题描述

我已经使用物化日历添加了完整的日历，如下所示。我已经在类型脚本中对数据进行了硬编码，并且可以添加事件 
<div class="card-content">
<materialize-calendar initial-view.bind="'dayGridMonth'" events.bind="events" ></materialize-calendar>
</div>
export class Calendar extends Component {
events = [{
        id: 'a',title: 'my event',start: '2020-09-14',allDay: true
    }]; }

以上内容将在页面加载时添加我的事件。我试图添加一个模式，当我单击提交时，应该从该表单添加事件。但是我不确定如何将HTML绑定到事件

这就是我所拥有的

<i class="material-icons" click.delegate="openaddEventModal()">add_circle_outline</i>
<div md-modal.ref="addEventModal">
        <div class="modal-content">
            <h4>Add Event</h4>
            <div>
                <md-input label="Title"></md-input> //how do i bind the title to the submit 
            </div>
        </div>
        <div class="modal-footer">
            <a  class="modal-action" click.delegate="submitAddEvent()">Submit</a>
            
        </div>
    </div>

在我的ts页面

import { MdModal} from "aurelia-materialize-bridge";
export class Calendar extends Component {
    public addEventModal: MdModal;

    async openaddEventModal() {
        
        this.addEventModal.open();
    }
async submitAddEvent() {}
}

如何将模式绑定到事件？ 我已经在互联网上搜索过，但找不到具体实现方法，请帮忙

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

aureliafullcalendarmaterializetypescripttypescripttypescript