Code Monkey home page Code Monkey logo

bic_calendar's Introduction

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/

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/

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)
  • 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's People

Contributors

bichotll avatar jtsay362 avatar

Watchers

James Cloos avatar Fredrick Njenga avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.