Bootstrap DateTimePicker

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
    ]
]);?>

Share this

Contributors Thanks All

 

Do you have a good idea? Why Don't We Talk?