Yii2 datepicker

Yii2 datepicker

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

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

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

Фреймворк YII2. Быстрая разработка с современным PHP фреймворком

Узнай тонкости современной веб-разработки с помощью фреймворка YII2

Узнать подробнее

Yii2 datepicker

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

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

Yii2 datepicker

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

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

Фреймворк YII2: теория и первая практика

Овладейте азами фреймворка Yii2 за 5 дней!

Получить

Метки:

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

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree