README.ru.md

Календарь на bem-components

На iOS и Android используется системный календарь.

Пример использования

Вместе с input:

{
    block: 'input',
    mods: {
        'has-calendar': true,
        size: 'm',
        theme: 'islands'
    },
    weekdays: ['пн', 'вт', 'ср', 'чт', 'пт', 'сб', 'вс'],
    months: ['Январь', 'Февраль', 'Март',
        'Апрель', 'Май', 'Июнь',
        'Июль', 'Август', 'Сентябрь',
        'Октябрь', 'Ноябрь', 'Декабрь'],
    val: '11.11.2015'
}

Как отдельный блок:

{
    block: 'calendar',
    js: {
        weekdays: ['пн', 'вт', 'ср', 'чт', 'пт', 'сб', 'вс'],
        months: ['Январь', 'Февраль', 'Март',
            'Апрель', 'Май', 'Июнь',
            'Июль', 'Август', 'Сентябрь',
            'Октябрь', 'Ноябрь', 'Декабрь'],
    },
    mods: {
        theme: 'islands'
    }
}

Есть возможность установить ограничения на выбор даты с помощью полей earlierLimit и laterLimit.

{
    block: 'input',
    mods: {
        'has-calendar': true,
        size: 'm',
        theme: 'islands'
    },
    weekdays: ['пн', 'вт', 'ср', 'чт', 'пт', 'сб', 'вс'],
    months: ['Январь', 'Февраль', 'Март',
        'Апрель', 'Май', 'Июнь',
        'Июль', 'Август', 'Сентябрь',
        'Октябрь', 'Ноябрь', 'Декабрь'],
    earlierLimit: '11.10.2015',
    laterLimit: '11.12.2015',
    val: '11.11.2015'
}

Северо-Американский формат даты и календаря может быть включен, испольуя format:'north-american' модификатор. Date format: mm/dd/yyyy

{
    block: 'input',
    mods: {
        'has-calendar': true,
        size: 'm',
        theme: 'islands',
        'calendar-format': 'north-american'
    },
    weekdays: ['вс', 'пн', 'вт', 'ср', 'чт', 'пт', 'сб'],
    months: ['Январь', 'Февраль', 'Март',
            'Апрель', 'Май', 'Июнь',
            'Июль', 'Август', 'Сентябрь',
            'Октябрь', 'Ноябрь', 'Декабрь'],
    earlierLimit: '02.13.2017',
    laterLimit: '02.18.2017',
    val: '02.17.2017'
}