angularjs-ui-calendar日历插件的使用

公司要求使用angular-ui-calendar做移动端的一个日历模块,之前对angular的接触也不是很多,刚开始看了看真是头都大了,不过现在搞清楚之后感觉真的是so easy。分享自己的一些使用经验。

1.首先,领导给了我一个地址http://angular-ui.github.io/ui-calendar/让我先研究,说是用这个套到移动端的项目里。

2.说说我后来了解到的吧,angular-ui-calendar是基于fullcalendar的,它的功能很强大,里面有好多依赖的插件,最显著的有angular.js、jquery.js,这两个js我觉得不应该是“互斥”的吗,如果使用了jquery就不应该使用angular,或许是我学识太浅,不懂其中的道理。

3.整理了一下,拆出了一个最简化的日历,https://github.com/charissa666/angularjs-ui-calendar


这是用到的js文件,强调一点fullcalendar.js要放在moment.js下面,不然会报下面的错


下面是css文件,主要是fullcalendar.css,其他的样式自己再单独写。


主要的js 文件内容 


{title: 'Birthday Party',start: new Date(y, m, d + 1, 19, 0),end: new Date(y, m, d + 1, 22, 30),allDay: false}

new Date(y,m,d + 1,19,0),+1表示当前日期加一天,后面的参数是小时、分。

其他的参数自己试试就可以知道是什么意思了。


这个日历插件终于算是入门了,头一次研究angular的框架,继续努力吧。



  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值