如何解决如何使用脚本类型中的模式将事件添加到完整日历中
我已经使用物化日历添加了完整的日历,如下所示。我已经在类型脚本中对数据进行了硬编码,并且可以添加事件<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 举报,一经查实,本站将立刻删除。