Yii2 datepicker

Yii2 datepicker

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

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

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

composer require kartik-v/yii2-widget-datepicker "@dev"

Yii2 datepicker

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

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

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

Узнать подробнее
use kartik\date\DatePicker;
echo '<label>Check Issue Date</label>';
echo DatePicker::widget([
 'name' => 'check_issue_date',
 'value' => date('d-M-Y', strtotime('+2 days')),
 'options' => ['placeholder' => 'Select issue date ...'],
 'pluginOptions' => [
 'format' => 'dd-mm-yyyy',
 'todayHighlight' => true
 ]
]);

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

Yii2 datepicker

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

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

Самые свежие новости IT и веб-разработки на нашем Telegram-канале

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

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

Получить

Метки:

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

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

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

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

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

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

Я не робот.

Spam Protection by WP-SpamFree