Full view calendar with year, month, week and day views based on templates with Twitter Bootstrap.
New version of bootstrap calendar is available. Here are only some changes that I was able to track. In fact there are a lot more improvements and fixes.
package.json
to work with npm #607 @Phyluversion
property from bower.json #508 @kkirschetime_split
in day view doesn't work #469 @vinceveHere is the new version of calendar.js.
This version basically includes new translations and fixes and only few but cool enhansements.
end
parameter.options.tmpl_path
to a function returning a path based on the name of a template or a string containing the root path to html templates. By @bilusevents_source
is not provided.OnAfterModalShown
and OnAfterModalHidden
, so you can update your modal with javascript, useful to show correctly Google maps V3.Few critical fixes.
close #234, #235
Welcome new version 0.2.2 folks.
Finally we have day vew. In parameter you may now set
{
"time_start": "06:00",
"time_end": "22:00",
"time_split": "30"
}
All events that ends before timeline range and events that starts after will be listed above and below.
This feature was developed with help of @steliosph.
btn-default
missed by @hariharasudhankmevents_source
composer.json
by @PoyeyoHere is new version of calendar.js folks!
This version incorporate some very cool new features.
Most important that the way we load events has been changed.
Parameter
events_url
is now depreciated although still supported. New parameterevents_source
should be used instead.
And now this parameter may be a function and you can control from where and how you get your events.
Support for Twitter Bootstrap 3 has ben added. But it is still compatible with Bootstrap 2 as well. Now calendar supports both Bootstrap versions 2 and 3 seamlessly.
On the demo you will find Use bootstrap 3 button to check it out.
Now you can open events in modal window. This is really helpful because user stay on the same page and calendar view and date stays untouched.
To enable modal window all you have to do is to add standard Bootstrap modal window HTML and pass its id
to calendar.
<div class="modal hide fade" id="events-modal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Event</h3>
</div>
<div class="modal-body" style="height: 400px">
</div>
<div class="modal-footer">
<a href="#" data-dismiss="modal" class="btn">Close</a>
</div>
</div>
and
$('#calendar').calendar({
modal: '#events-modal'
});
On the demo you will see checkbox which will allow you to see how it works.
Now calendar may detect and send browser timezone as a browser_timezone
parameter to event feed URL. This may be sometimes very useful if you want to adjust events time on the server.
To use this feature you will have to include jsTimezoneDetect javascript. You do not need to set any parameter. Just include this script and it will start passing TZ to your events server.
This script is supplied in components
folder #119.
Holidays is a unique feature of calendar.js to display events repeated every year. This is where it shines. We had added some additional changed that make it even more advanced.
ru-RU.js
Source: http://ppt.ru/kodeks.phtml?kodeks=17&paper=112
Along with listed bellow, there was many code optimizations and improvements.
es-ES.js
, el-GR.js
, fr-FR.js
- @stevoo82README.md
was checked and updated #104 @stevoo82Welcome new calendar.js release.
I am happy to say that this is very big release with tons of fixes, localisations, additions and improvements. What I like most is that now it is a truly public project. You can see a lot of people contribute and that is good news.
month-day
template so links are optional - #66 from @chrisjohnson00GR
not EL
- #74 from @mlocatiDomingo
it was Domino
- #72 from @asantosdlcalendar.js
to use "proper" english as the default text - #60 from @chrisjohnson00And many other fives and improvements.
Here is small roadmap.
This release includes number of changes.
One important is - disable views.
For example you want calendar only month view. One thing you can avoid to create switch view buttons but you can click on the date in the month view and it renders day view.
This additional calendar initialization options prevent this behavior. If day view is disabled, it will not render it when you click on the date when in month view.
Other
GET
instead of POST
when request list of events #35cal-span#
to ca-cell#
because in bootstrap they use class*="span"
with affect calendar greed which is custom 7 columns grid unlike 12 columb bootstrap grid.null
received as list of events.