mattlewis92 / angular-bootstrap-calendar

A port of the bootstrap calendar widget to AngularJS (no jQuery required!)
https://mattlewis92.github.io/angular-bootstrap-calendar/
MIT License
798 stars 367 forks source link

Can't get it to work #11

Closed licarus closed 9 years ago

licarus commented 9 years ago

Hi, This seems to be the best angular based calendar to fit my need. But I'm having a trouble getting it to work. I followed exactly the instructions 3 times now and still can't get it to work. I copied all the folders and the files in them (dist, docs, src, templates) into my solution. I wonder if you could help me out.

The initial problem I had was that it can't load the templates. So, I changed the templateUrl in angular-bootstrap-calendar.js to have the correct path. But then it doesn't show anything. I'm using latest chrome and the console doesn't show any errors. I copied and pasted the in the markup and $scope.events in the script.

I got other calendar directive to work but it's not as good as yours. So, I hope you can help me. Thanks

ps. I'm new with posting at github. So, I'm not sure if there's a better way to communicate with you besides opening a new issue.

mattlewis92 commented 9 years ago

Sorry, there was an error in the docs. Make sure you are loading this js file instead: angular-bootstrap-calendar-tpls.min.js

This one has the templates bundled in it which should solve your problem.

p.s. You can use bower to manage your frontend dependencies instead of manually downloading the files :)

licarus commented 9 years ago

Matt, Thanks for the reply. I changed the file loaded to use the tpls one. It did help with the template issue. But I still can’t see it.

This is what it shows:

[cid:image001.png@01D02F4A.22A83A00]

I tried to change the “calendarView” in calender-view attribute to year, month, week, or day and still nothing.

Maybe the screenshot above indicates something I’m missing?

Thanks, Latif Ps. I do use bower to grab the files. But I copied the folders from bower_components folder into the my folder structure. Hopefully this doesn’t mess it up. From: Matt Lewis [mailto:notifications@github.com] Sent: Tuesday, January 13, 2015 3:45 PM To: mattlewis92/angular-bootstrap-calendar Cc: Latif Alianto Subject: Re: [angular-bootstrap-calendar] Can't get it to work (#11)

Sorry, there was an error in the docs. Make sure you are loading this js file instead: angular-bootstrap-calendar-tpls.min.js

This one has the templates bundled in it which should solve your problem.

p.s. You can use bowerhttp://bower.io/ to manage your frontend dependencies instead of manually downloading the files :)

— Reply to this email directly or view it on GitHubhttps://github.com/mattlewis92/angular-bootstrap-calendar/issues/11#issuecomment-69826367.


The information contained in this message and any attached documents are intended only for the personal and confidential use of the designated recipient(s). This message may contain confidential or privileged information. If the reader of this message is not the intended recipient (or an agent responsible for delivering it to the intended recipient), you are hereby notified that any unauthorized distribution or copying of this email or the information contained within is strictly prohibited. If you have received this communication in error, please notify us immediately by replying to this message and deleting it from your computer. Wonderbox, its subsidiaries and its affiliate companies are not responsible for errors or omissions in this e-mail message. Any personal comments made do not necessarily reflect the views of Wonderbox Technologies.


mattlewis92 commented 9 years ago

Is there anything in the console? I can't see the image you sent in the email, can you send it via the github comments. Thanks.

licarus commented 9 years ago

Sorry, here's the image: image

licarus commented 9 years ago

Nothing in the console.

mattlewis92 commented 9 years ago

Can you show me your index.html file

mattlewis92 commented 9 years ago

Try setting these variables in the controller:

$scope.calendarView = 'month';
$scope.calendarDay = new Date();

See the demo controller for an example of what I mean: http://mattlewis92.github.io/angular-bootstrap-calendar/docs/scripts/controllers/main.js

licarus commented 9 years ago

It worked. Yay!!!! Didn't realize main.js is the demo controller. Silly me. Thank you so much.

mattlewis92 commented 9 years ago

NP :)