Yii2 datetimepicker

15

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

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

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

composer require kartik-v/yii2-widget-datetimepicker «*»

Відкриємо консоль, перейдемо, як зазвичай, в папку проекту і виконаємо скопійований пункт:

Yii2 datetimepicker

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

use kartik\datetime\DateTimePicker;
echo ‘Start Date/Time’;
echo DateTimePicker::widget([
‘name’ => ‘datetime_10’,
‘options’ => [‘placeholder’ => ‘Select operating time …’],
‘convertFormat’ => true,
‘pluginOptions’ => [
‘format’ => ‘d-My g:i A’,
‘startDate’ => ’01-Mar-2014 12:00 AM’,
‘todayHighlight’ => true
]
]);

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

Yii2 datetimepicker

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

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