DDR爱好者之家

angular中ui calendar的一些使用心得(推荐)
站长资源 2025/1/12 佚名
19 1538
DDR爱好者之家 Design By 杰米

ui calendar是封装fullcalendar的一款angular指令插件

官方地址：http://angular-ui.github.io/ui-calendar/

angular中ui calendar的一些使用心得(推荐)

fullcalendar 和ui calendar包安装我就不介绍了。自行百度下。

包安装好后，添加路径引用

本次开发环境angular1.x

调用

<div ui-calendar="uiConfig.calendar" class="span8 calendar" ng-model="eventSources" calendar="myCalendar"></div>

在controller中配置参数

/* config object */
$scope.uiConfig = {
　　calendar: {
　　　　height:..,//容器高度
　　　　editable:..,//是否可编辑
　　　　header: {
　　　　　　right: '',//右边操作按钮
　　　　　　center: 'title',
　　　　　　left: '',//左边操作按钮

　　　　},

　　}

};

$scope.eventSources = [$scope.events];

这是一些基础配置，其他的请根据需求配置

下面来谈谈我在使用中遇到的一些问题，首先要从需求开始：

1.产品需求：每天事件要按字段“x”排序。

2.要根据月筛选查看不同月的视图数据。

首先来解决第一个问题，查看fullcalendar有没有排序功能，中文百度了半天，好吧，放弃了。。。用英文搜索，终于找到，在新版的fullcalendar提供了排序字段，默认是‘title';于是重新安装了fullcalendar,手动设置排序方法：在数据集中增加自定义排序字段，如{title:'111',sort:'22'},然后在$scope.urConfig.calendar中添加eventOrder:'sort'就可以了，很开心,第一个问题解决了！

第2个问题，根据时间查看不同月份视图,往eventSources里扔不同月份的数据集合不就行了？试了一下，额，视图不变化。。。又开始了英文搜索之旅。。。
终于找到了一个帖子，方法如下：

1.在controller中注入uiCalendarConfig，然后uiCalendarConfig.calendars.myCalendar.fullCalendar('gotoDate', calendarMonth);calendarMonth是需要加载显示的月份，但是调用之后uiCalendarConfig.calendars.myCalendar is undefined...

解决方法：

$timeout(function(){

　　uiCalendarConfig.calendars.myCalendar.fullCalendar('gotoDate', calendarMonth);

});

到了这一步，项目要求的基本功能够已实现了。

开始优化：

1.把显示界面调成中文, 在配置config中添加lang:'zh-cn'或locale:'zh-cn',如果还不行，请升级你的ui calendar包

2.视图加载很缓慢,又英文搜索了很长时间。。。吐槽一下。国人没遇到过这类问题吗，中文搜索根本搜不到。。。，最后看到一个帖子：

将$scope.eventSources = [$scope.events];改成$scope.eventSources = []，

$scope.events通过请求返回接收后uiCalendarConfig.calendars.myCalendar.fullCalendar('addEventSource', $scope.events);加载，试了一下。nice,缓慢问题搞定。。。但是新问题来了，视图不会把我上次的数据清除，会造成重复数据！

最后换成了$scope.eventSources.push($scope.events);虽然也解决了问题，但是上面的问题并没有解惑。。。欢迎高手指点！

angular中ui calendar的一些使用心得(推荐)

以上是我在使用过程中遇到的一些问题。。。希望能帮到同样遇到问题的朋友们！自己记录一下，以备后用！

这篇angular中ui calendar的一些使用心得(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米