Основные настройки

Основные параметры предоставляют наиболее важные опции для настройки календаря.

input

Type: Boolean

Default: false

Options: true | false

new VanillaCalendar('#calendar', {
  input: true,
});

new VanillaCalendar('#calendar', {
  input: true,
});

Параметр input указывает, что HTMLElement, переданный как первый параметр, представляет собой поле ввода, а не обертку для календаря.

type

Type: String

Default: 'default'

Options: 'default' | 'multiple' | 'month' | 'year'

new VanillaCalendar('#calendar', {
  type: 'default',
});

new VanillaCalendar('#calendar', {
  type: 'default',
});

Параметр type определяет тип отображаемого календаря.

months

Type: Number

Default: 2

Options: от 2 до 12

new VanillaCalendar('#calendar', {
  months: 2,
});

new VanillaCalendar('#calendar', {
  months: 2,
});

Параметр months определяет количество отображаемых месяцев, если тип календаря установлен как 'multiple'.

jumpMonths

Type: Number

Default: 1

Options: от 1 до ∞

new VanillaCalendar('#calendar', {
  jumpMonths: 1,
});

new VanillaCalendar('#calendar', {
  jumpMonths: 1,
});

Параметр jumpMonths управляет количеством переключаемых месяцев.

date.min

Type: String

Default: '1970-01-01'

Options: 'YYYY-MM-DD'

new VanillaCalendar('#calendar', {
  date: {
    min: '1970-01-01',
  },
});

new VanillaCalendar('#calendar', {
  date: {
    min: '1970-01-01',
  },
});

Параметр date.min устанавливает минимально допустимую дату, которую календарь будет учитывать, и которая не может быть меньше этой даты.

date.max

Type: String

Default: '2470-12-31'

Options: 'YYYY-MM-DD'

new VanillaCalendar('#calendar', {
  date: {
    max: '2470-12-31',
  },
});

new VanillaCalendar('#calendar', {
  date: {
    max: '2470-12-31',
  },
});

Параметр date.max устанавливает максимально допустимую дату, которую календарь будет учитывать, и которая не может быть больше этой даты.

date.today

Type: Date object

Default: new Date()

Options: new Date()

new VanillaCalendar('#calendar', {
  date: {
    today: new Date('2022-01-07'),
  },
});

new VanillaCalendar('#calendar', {
  date: {
    today: new Date('2022-01-07'),
  },
});

Параметр date.today определяет, какой день будет считаться сегодняшним для календаря.