От автора: приветствую вас, друзья. Мы продолжаем цикл статей, посвященных знакомству с фреймворком Yii2. В одной из предыдущих статей мы установили расширение yii2-widget-datepicker, с помощью которого можно прикрепить к полю формы календарь выбора даты. Это очень удобно и, к тому же, смотрится интересно. В этой статье мы установим похожее расширение, которое поможет выбрать не только дату, но и время – это дополнение yii2-widget-datetimepicker.
Когда может быть полезен виджет Yii2 datetimepicker и почему недостаточно просто виджета для выбора даты? Думаю, ответ вы знаете и сами. Возьмем тот же пример с записью на прием к врачу. Как правило, в этом случае желательно дать пользователю возможность не только выбора даты, но и времени приема. Это было бы логично. Ну что же, давайте установим интересующий нас widget.
Перейдем на страницу дополнения и возьмем необходимую команду для установки из консоли:
1 |
composer require kartik-v/yii2-widget-datetimepicker "*" |
Откроем консоль, перейдем, как обычно, в папку проекта и выполним скопированную команду:
Теперь вернемся на страницу документации и возьмем оттуда базовый пример использования виджета:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
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 можно посмотреть в этом цикле уроков.
Комментарии (3)