大神请进,请教一个关于fullcalendar日历插件的问题

Kobe2202 2013-01-28 04:16:56
fullcalendar的日程管理,当我点击日历时需要弹出一个层(不用demo中的那个prompt,因为我需要输入多个值),点击保存时把这个值显示在日历上面
dayClick: function (date, allDay, jsEvent, view) {
//代码怎么写
//需要输入多个框
//对应的div层

求大神指导~~~~
...全文
93 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
Go 旅城通票 2013-01-28
  • 打赏
  • 举报
回复
下载jquery-ui-1.8.16版本的jqueryui导入,有一个dialog组件,用dialog打开指定div,div里面包含你的输入项目就行了
<!---输入项目,jqueryui用的---><div id="dvInput" title="请输入内容" style="display:none">
姓名:<input type="text" id="name" /><br />
邮编:<input type="text" id="post" /><br />
地址:<input type="text" id="addr" />
</div>
<div id='calendar'></div>
select: function (start, end, allDay) {
                    $("#dvInput").dialog({ buttons: [{ text: "Ok", click: function () {
                        var name = $('#name').val(), addr = $('#addr').val(), post = $('#post').val()
                        , title = '姓名:' + name + '<br/>邮编:' + post + '<br/>地址:' + addr;
                        calendar.fullCalendar('renderEvent',
                            {
                                title: title,
                                start: start,
                                end: end,
                                allDay: allDay
                            },
                            true // make the event "stick"
                        ); //把刚输入的日程计划在页面上进行显示

                        //alert($.fullCalendar.formatDate(start,'yyyy-MM-dd HH:mm:ss'));
                        $.post("schedule/add", {//把刚输入的日程计划信息传到后台,保存到数据库
                            title: title,
                            start: ($.fullCalendar.formatDate(start, 'yyyy-MM-dd h:mm:ss')),
                            end: ($.fullCalendar.formatDate(end, 'yyyy-MM-dd h:mm:ss')),
                            allDay: allDay
                        });

                        calendar.fullCalendar('unselect');
                        $(this).dialog("close");
                    } 
                    }]
                    });

                    /*

                    var title = prompt('请输入名称:');
                    if (title) {
                        calendar.fullCalendar('renderEvent',
                            {
                                title: title + 'fff',
                                start: start,
                                end: end,
                                allDay: allDay
                            },
                            true // make the event "stick"
                        ); //把刚输入的日程计划在页面上进行显示
                        //alert($.fullCalendar.formatDate(start,'yyyy-MM-dd HH:mm:ss'));
                         $.post("schedule/add", {//把刚输入的日程计划信息传到后台,保存到数据库
                        title: title,
                        start: ($.fullCalendar.formatDate(start, 'yyyy-MM-dd h:mm:ss')),
                        end: ($.fullCalendar.formatDate(end, 'yyyy-MM-dd h:mm:ss')),
                        allDay: allDay
                        });
                    }
                    calendar.fullCalendar('unselect');*/
                },

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧