位置: 编程技术 - 正文

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

编辑:rootadmin

推荐整理分享angular中ui calendar的一些使用心得(推荐),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

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

官方地址: 和ui calendar包安装我就不介绍了。自行百度下。

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

本次开发环境angular1.x

调用

在controller中配置参数

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

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

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

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

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

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

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

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

解决方法:

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

开始优化:

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的一些使用心得(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

关于Vue背景图打包之后访问路径错误问题的解决 案例环境通过vue-cli脚手架创建的vue项目在项目打包的时候遇到了背景图片路径出错的问题,经过谷歌一番,发现是在配置的时候对图片的限制大小过小

Angular4绑定html内容出现警告的处理方法 前言众所周知在Web前端开发中,我们经常会遇见需要动态的将一些来自后端或者是动态拼接的HTML字符串绑定到页面DOM显示,特别是在内容管理系统(CMS

vue中使用localstorage来存储页面信息 今天小颖在跟着慕课网学习vue,不学不知道,一学吓一跳,学了才发现,我之前知道的只是vue的冰山一角,嘻嘻,今天把小颖跟着慕课网学习的demo,给

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

本文链接地址:https://www.jiuchutong.com/biancheng/375858.html 转载请保留说明!

上一篇:AngularJS中controller控制器继承的使用方法

下一篇:关于Vue背景图打包之后访问路径错误问题的解决(vue设置背景图片全屏)

  • 个人所得税速算扣除数表
  • 国税地税合并是成功的还是失败的
  • 买充值卡可以开票吗
  • 简易征收 抵扣进项
  • 增值税纳税申报时间
  • 出纳取备用金需要交税吗
  • 两家公司原材料能否借用
  • 合伙企业投资收益
  • 销售已计提完折旧的固定资产
  • 生产经营期间固定资产报废清理的净损失
  • 出口发票税率是怎么算的
  • 应付账款扣除商业折扣
  • 已抵扣专用发票冲红怎么操作
  • 代管商品物资登记制度
  • 职工宿舍租赁费
  • 银行结算账户的规定
  • 土地租赁合同交不交印花税
  • 应交税费算什么费用
  • 商品按照售价金额核算法进行日常核算
  • 汽车配件税收分类
  • 什么叫项目所在地
  • 小规模收到专票要做进项税额转出吗
  • 水利基金减免政策2019 未超过10万
  • 年数总和法折旧公式
  • 货车的折旧率
  • 工会会费可以一年交两个单位吗
  • windows11进入桌面黑屏
  • window10 怎么避免弹窗广告
  • 商务平台建设
  • macos升级报错
  • 如何预防计算机病毒的方法
  • 什么是商务接待与拜访
  • 期末留抵税额退税额
  • 劳务公司的账务怎么做账
  • 所得税季度预缴怎么算
  • 跨国并购融资问题
  • Kamikōchi, Nagano Prefecture, Japan (© sadao/Shutterstock)
  • php 读取文本文件
  • vue-router跳转
  • 企业最佳资金结构
  • 合伙企业分红所得税如何少交
  • 谷歌浏览器如何设置主页为默认页
  • 工程未审计资金能支付到多少
  • 基于transformer的文本分类
  • php远程命令执行
  • 冰川湾国家公园的冰川不止有白色一种
  • 如何用java写接口
  • echarts遇到的坑
  • vue脚手架配合springsecurity
  • ubuntu端口不能远程访问
  • 去哪儿网发票能不能不开旅游
  • 安装centos7.2
  • 增值税普通发票查询
  • SQLServer 2008 CDC功能实现数据变更捕获脚本
  • 跨月管理费用多计怎么处理
  • 人力资源外包服务企业
  • 全资子公司的利润怎么记录母公司报表
  • 哪些支出可以在出国公杂费中扣除
  • 加盟代理需要什么手续
  • 价格调节基金费率
  • 收到货款确认收入还是开好发票确认收入
  • 收购票票样
  • 农民专业合作社是企业法人吗
  • MySQL数据库同时查询更新同一张表的方法
  • fedora lts
  • ubuntu搭建nginx服务器教程
  • 怎么提高局域网安全
  • win10注销系统会怎么样
  • 微软为什么这么贵
  • linux安装有几种方法
  • Node.js中的事件循环是什么
  • node用mongodb还是mysql好
  • 批处理计数
  • python win
  • 从零开始学什么好
  • python制作简单图形
  • javascript高级程序设计最新版
  • 西安税务稽查局举报中心
  • 四川省电子税务局官网下载
  • 纳税服务主要职责
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设