使用jquery的事件日历
events calendar using jquery
我正在使用fullCalendar jquery插件和主干构建约会日历。我在这里阅读这个教程:在这里输入链接描述
在"让我们启动一个对话框"一节中,显示了如何创建模式框并输入新事件的代码,该代码基于jquery UI的对话框小部件,在此处输入链接描述
这是具体的代码:
render: function() {
this.el.dialog({
modal: true,
title: 'New Event',
buttons: {'Cancel': this.close}
});
我想做的是在对话框中添加更多的html。例如,我想添加一个select元素,以便用户可以选择约会的持续时间。
中的jquery文档http://api.jqueryui.com/dialog/并没有说明如何做到这一点。为了更好地了解我想做的事情,请查看在outlook.com日历上创建活动时出现的模式框。
当然,数据将通过ajax发送。。。但这是另一个话题。
jqueryui对话框使用您正在应用插件的元素内部的html内容。
我认为它没有从外部资源加载内容的内置功能。
所以,您可以在初始化对话框之前将html放入元素中,也可以使用它的回调。例如,如果您想通过ajax将数据加载到其中:
el.dialog({
modal: true,
title: 'New Event',
buttons: {'Cancel': this.close},
open: function(){
var thisdialog = this;
$(thisdialog).html('loading data...');
$.post('external_resouce.html',
function(data){
$(thisdialog).html(data);
}
);
}
相关文章:
- 搜索日历事件的Javascript正则表达式
- 如何将完整日历事件限制为仅一天
- 使用完整日历在网站上获取并显示来自Google日历事件的附加图像
- 从 ngDialog 模式修改完整日历事件信息(开始和结束)
- 谷歌工作表中用于获取条目和创建日历事件的脚本示例
- 如何根据描述对完整日历事件进行颜色编码
- setHours()从电子表格导入的日期创建谷歌日历事件时出错-应用程序脚本
- 如何在asp中保存服务器中的更新完整日历事件
- 在javascript中使用API v3检索Google日历事件
- 完整日历事件单击未触发
- 使用 Node.js 创建定期 Outlook 日历事件
- 从“ics”文件接收谷歌日历事件,并将其与FullCalendar一起使用
- 获取从 SQL/PHP 到 Javascript 的日历事件
- 如何捕获 Office 365 日历事件,如取消、移动约会
- 在全日历事件上重复时间
- 角度 UI 日历事件消失
- 谷歌日历事件列表jQuery格式
- Google 日历 API 在尝试获取我的所有日历事件时返回 404
- 从不调用全日历事件销毁
- 如何在我的 Web 应用程序中检索和显示 Outlook/Exchange 日历事件