Yii2 datetimepicker

Дата публикации: 2017-08-25

Yii2 datetimepicker

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

Когда может быть полезен виджет Yii2 datetimepicker и почему недостаточно просто виджета для выбора даты? Думаю, ответ вы знаете и сами. Возьмем тот же пример с записью на прием к врачу. Как правило, в этом случае желательно дать пользователю возможность не только выбора даты, но и времени приема. Это было бы логично. Ну что же, давайте установим интересующий нас widget.

Перейдем на страницу дополнения и возьмем необходимую команду для установки из консоли:

composer require kartik-v/yii2-widget-datetimepicker "*"

1	composer require kartik-v/yii2-widget-datetimepicker "*"

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

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

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

Откроем консоль, перейдем, как обычно, в папку проекта и выполним скопированную команду:

Yii2 datetimepicker

Теперь вернемся на страницу документации и возьмем оттуда базовый пример использования виджета:

use kartik\datetime\DateTimePicker;

echo '<label>Start Date/Time</label>';
echo DateTimePicker::widget([
    'name' => 'datetime_10',
    'options' => ['placeholder' => 'Select operating time ...'],
    'convertFormat' => true,
    'pluginOptions' => [
        'format' => 'd-M-Y g:i A',
        'startDate' => '01-Mar-2014 12:00 AM',
        'todayHighlight' => true
    ]
]);

use kartik\datetime\DateTimePicker;

echo '<label>Start Date/Time</label>';

echo DateTimePicker::widget([

'name' => 'datetime_10',

'options' => ['placeholder' => 'Select operating time ...'],

'convertFormat' => true,

'pluginOptions' => [

'format' => 'd-M-Y g:i A',

'startDate' => '01-Mar-2014 12:00 AM',

'todayHighlight' => true

]

]);

Добавим пример в нужное представление и посмотрим на результат:

Yii2 datetimepicker

Теперь мы последовательно можем выбрать дату и время, которые будут подставлены в прикрепленное поле. Все просто.

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

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

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

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