What is the Bootstrap DateTimePicker Widget?
The DateTimePicker widget allows to you use the DateTime Picker, which is a Bootstrap form component to handle date and time data, on your forms.
Installation
The preferred way to install this extension is through composer.
Either run
composer require 2amigos/yii2-date-time-picker-widget:~1.0
or add the following to the require section of your application's composer.json
file:
"2amigos/yii2-date-time-picker-widget" : "~1.0"
Usage example
This widget is best suitable for a model with date string attribute. Its functionality is similar to Bootstrap DatePicker plugin but this widget is enhanced with Time selection.
It also allows you to restrict the views so you can use this widget as a DatePicker, TimePicker, or DateTimePicker.
As a Widget
<?php
use dosamigos\datetimepicker\DateTimePicker;
?>
<?= DateTimePicker::widget([
'model' => $model,
'attribute' => 'created_at',
'language' => 'es',
'size' => 'ms',
'clientOptions' => [
'autoclose' => true,
'format' => 'dd MM yyyy - HH:ii P',
'todayBtn' => true
]
]);?>
With an ActiveForm Instance
<?php
use dosamigos\datetimepicker\DateTimePicker;
?>
<?= $form->field($tour, 'date_from')->widget(DateTimePicker::className(), [
'language' => 'es',
'size' => 'ms',
'template' => '{input}',
'pickButtonIcon' => 'glyphicon glyphicon-time',
'inline' => true,
'clientOptions' => [
'startView' => 1,
'minView' => 0,
'maxView' => 1,
'autoclose' => true,
'linkFormat' => 'HH:ii P', // if inline = true
// 'format' => 'HH:ii P', // if inline = false
'todayBtn' => true
]
]);?>