Селектор даты рождения

10 Февраля 2019

Появилась задача - реализовать выбор даты рождения через три селекта: день, месяц и год. При этом должен учитываться месяц и количество дней в нем, а так же високосный год.

Поискав минут 10 в известных всем местах и ничего подобного не найдя, решил написать плагин сам.

В итоге что имеем:
- Javascript плагин без использования сторонних библиотек (да да, jquery, я про тебя)
- Возможность изменения названий месяцев
- вкл/выкл учет вис. года.
- возможность устанавливать свои названия инпутов.
- можно выставлять начальные значения дня месяца и года. (по умолчанию - сегодняшняя дата)

Для работы плагина его сначала надо скачать отсюда. После этого подключаем скачанный файл, создаем объект класса datePicker и инициализируем методом init(). В месте вызова init'а появится три селекта.

Вот пример инициализации.

	dpicker = new datePicker();
	
	dpicker.inputDayName = "data[new][bday]";
	dpicker.inputMonthName = "data[new][bmonth]";
	dpicker.inputYearName = "data[new][byear]";
	
	dpicker.init();

Что можно выделить из недостатков - так как делалось все на скорую руку и цели создать легендарный код не было, то для вставки плагина в тело страницы использовался контейнер со статичным id, и как следствие создать больше одного такого дэйтпикера на страницу не получится, но это решается все несложным допилом.

Файлы для скачивания