Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bichotll/bic_calendar
A simple twitter bootstrap calendar / agenda / date picker to mark events
https://github.com/bichotll/bic_calendar
Last synced: 3 months ago
JSON representation
A simple twitter bootstrap calendar / agenda / date picker to mark events
- Host: GitHub
- URL: https://github.com/bichotll/bic_calendar
- Owner: bichotll
- License: apache-2.0
- Created: 2012-08-19T10:54:25.000Z (over 12 years ago)
- Default Branch: boot3
- Last Pushed: 2017-03-06T14:52:28.000Z (almost 8 years ago)
- Last Synced: 2024-08-01T22:53:59.326Z (6 months ago)
- Language: JavaScript
- Homepage: http://bichotll.github.io/bic_calendar
- Size: 805 KB
- Stars: 138
- Watchers: 14
- Forks: 89
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-bootstrap - calendar with event
README
BIC Calendar
============
en - BIC Calendar is a simple calendar to mark events and ranges of dates (and date picker), a jQuery plugin and Twitter Bootstrap.
For more info check: [http://bichotll.github.io/bic_calendar/](http://bichotll.github.io/bic_calendar/)
ca - BIC Calendar es un simple calendari per marcar esdeveniments i rangs de dates. Un plugin de jQuery i Twitter Bootstrap.
Per mes info: [http://bichotll.github.io/bic_calendar/](http://bichotll.github.io/bic_calendar/)
Dependencies
------------
- ~jQuery 1.7.2
- ~Twitter Bootstrap 3.0
Options
-------
- events (array of event object)
- date (string or date)
- default: the current date
*The date to display, as a string in dd/MM/YYYY format, or as a Date object
- startWeekDay (int)
- default: 0
*1 for english format. Mind the dayNames.
- dayNames (array)
- default: ["l", "m", "x", "j", "v", "s", "d"]
*Did you change the startWeekDay? Change the order of this days then.
- monthNames (array)
- default: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"]
- showDays (boolean)
- default: true
- reqAjax (json array of event array)
- reqAjax.type (string) {'get', 'post'}
- reqAjax.url (string)
- enableSelect (boolean)
- default: false
- multiSelect (boolean)
- default: false
- displayMonthController (boolean)
- default: true
- displayYearController (boolean)
- default: true
- popoverOptions (popover Twitter Bootstrap object)
- tooltipOptions (tooltip Twitter Bootstrap object)
Event object
----------------------------
- date(string):
- "17/8/1989"
- title (string)
- "Event Barberà"
- link (string)
- "http://google.es"
- color(string)
- "#333"
- class (string)
- "activo congreso"
- content (string)
- "Text for the content of popover...description of event...image..."
* if content is not defined it will be a tooltip
Event bicCalendarSelect
-----------------------------------
### Response
- detail.dateFirst
- 12/26/1989
- detail.dateLast
- 12/12/1992
### Example code events
```
document.addEventListener('bicCalendarSelect', function(e) {
moment.lang('es'); // default the language to English
var dateFirst = new moment(e.detail.dateFirst);
var dateLast = new moment(e.detail.dateLast);
$('#from-day').val(dateFirst.format('LL'));
$('#to-day').val(dateLast.format('LL'));
});
```
Related forks
-------------
- [Bic Calendar Full](https://github.com/bichotll/bic_calendar_full)
- Just a fork to show the full year. As this one the user can mark ranges.
- [Bootstrap monthly calendar](http://nbblrr.github.io/bootstrap_monthly_calendar/)
- A simple monthly calendar.
- [Bootstrap Calendar](https://github.com/xero/bootstrap_calendar)
- If you are looking to work with TwBoot 2X maybe this one is better.