最近使用了一下FullCalendar插件实现日程内容的管理,网上搜了很多的案例,功能比较强大,也比较全,但是很多功能都是基于PHP基础上完整的一些案例,所以在自己尝试使用asp.net MVC 实现功能的时候遇到很多问题,比如弹出层内容的展示,控件的展示之类的(像后台进行ajax 传递数据这些还是比较简单的,不再进行叙述)。
1、 fancybox弹出层展示一些基本功能的添加和编辑等功能:在一些网上的案例中很多都是直接链接到do.php之类的直接进行处理,在MVC 中可以模仿着直接连接到一个完整的页面 $.fancybox({
'type': 'ajax',
'href': "/FancyBoxEdit/Index?editID=" + calEvent.id ,
});同时可以进行传递数据。
2、由于是链接到FancyBoxEdit这个页面的,在使用datetimepicker控件的时候,因为这是一个fancybox“导航到的独立的一个界面”“”,但是有一点需要注意的是,虽然界面是独立的,但是它也是通过fancybox导航链接过来的,很多的 <script src="~/Scripts/FullCalendar/jquery-1.9.1.min.js"></script>像类似于这种js 就不能再引用了,引用相同的版本或者不相同的版本都会导致fancybox不能进行正常的使用。所以很多基于jquery的datetimepicker控件是不能使用的,笔者是尝试了十几种这种控件都是不能使用的,要么就是会有一些bug要么就是这些那些的问题。最后是通过bootstarp中的一个datetimepicker解决了这个冲突问题。但是只引用了
<link href="~/Content/FullCalendar/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/FullCalendar/bootstrap-datetimepicker.css" rel="style