Yii2 datepicker

Yii2 datepicker

От автора: приветствую вас, друзья. Мы продолжаем цикл статей, посвященных знакомству с фреймворком Yii2. В этой статье мы с вами установим расширение yii2-widget-datepicker, который предлагает удобный интерфейс для выбора даты, проще говоря, установив расширение мы получим симпатичный календарик для поля выбора даты.

С датами на сайтах мы работаем сплошь и рядом. При регистрации нас могут попросить ввести дату рождения, при записи к врачу мы можем выбрать свободную дату приема и т.д. Раньше для этого часто предлагались выпадающие списки, из которых посетитель сайта мог выбрать число месяц и год. Но, как говорится, это уже прошлый век. Сейчас модной и фактически стандартной штукой для этой цели являются всевозможные виджеты календарей – datepicker. Виджет прикрепляется к полю и при клике по полю будет показан календарь, из которого посетитель выберет нужную дату. Выбранная дата будет подставлена в соответствующее поле формы. Удобно и симпатично.

Давайте установим один из таких виджетов – kartik yii2-widget-datepicker. Откроем консоль, перейдем в папку проекта и выполним следующую команду:

Фреймворк Yii2. Быстрый старт

Получите курс и узнайте, как с помощью фреймворка Yii2 разрабатывать веб-приложения на примере блога

Смотреть курс

Yii2 datepicker

Отлично! Расширение успешно установлено, теперь остается следовать инструкции и добавить его в представление. Для этого достаточно следующего кода:

После обновления страницы мы увидим на странице поле с прикрепленным к нему календариком.

Yii2 datepicker

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

На этом все. Больше о фреймворке вы можете узнать из наших бесплатных или платных уроков. Также создание простейшего блога на Yii2 можно посмотреть в этом цикле уроков.

Фреймворк YII2. Быстрый старт

Создание блога с использованием фреймворка Yii2!

Смотреть видео

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook: