ionden / ion.calendar Goto Github PK

English description | Описание на русском

jQuery-calendar and datepicker, based on powerful library to work with time - Moment.js

• Version: 2.0.2
• Project page and demos
• Download ZIP

• Ion.Calendar based on powerful library to work with time - Moment.js.
• Supports all languages, date formats and parsing abilities as Moment.js.
• Calendar and datepicker in one.
• Is fully customizable via CSS.
• Calendar is flexible, can be placed in any content.
• Supports multiple working calendars at one page.
• Crossbrowser: Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)
• Ion.Calendar supports touch-devices (iPhone, iPad, etc.).
• Ion.Calendar is freely distributed under terms of MIT licence.

• jQuery 1.9+
• Moment.js 2.1+

Import this libraries:

• jQuery
• moment-with-locales.min.js
• ion.calendar.min.js

And CSS:

• normalize.min.css - desirable if you have not yet connected one
• ion.calendar.css

Prepare base block:

<div class="myCalendar" id="myCalendar-1"></div>

Initialize calendar:

$("#myCalendar-1").ionCalendar();

Or initialize calendar with custom settings:

$("#myCalendar-1").ionCalendar({
    lang: "ru",                     // language
    sundayFirst: false,             // first week day
    years: "80",                    // years diapason
    format: "DD.MM.YYYY",           // date format
    onClick: function(date){        // click on day returns date
        console.log(date);
    }
});

Prepare base input field:

<input class="myInput" id="myDatePicker-1" data-lang="ru" data-years="1995-2013" data-sundayfirst="false" />

Initialize datepicker:

$("#myDatePicker-1").ionDatePicker();

• Donate through Pledgie service:

• Donate direct to my Paypal account: https://www.paypal.me/IonDen

• Donate direct to my Yandex.Money account: http://yasobe.ru/na/razrabotku