Yii 2.0: yii2-datetimepicker-widget

Renders a Bootstrap Datetime picker
2 followers

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

php composer.phar require "2amigos/yii2-date-time-picker-widget" "*"

or add

"2amigos/yii2-date-time-picker-widget" : "*"

to the require section of your application's composer.json file.

Usage

This widget renders a Bootstrap DateTimePicker input control. Best suitable for 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.

There are two ways of using it, with an ActiveForm instance or as a widget setting up its model and attribute.

<?php
use dosamigos\datetimepicker\DateTimePicker;
 
// as a widget
?>
 
<?= DateTimePicker::widget([
    'model' => $model,
    'attribute' => 'created_at',
    'language' => 'es',
    'size' => 'ms',
    'clientOptions' => [
        'autoclose' => true,
        'format' => 'dd MM yyyy - HH:ii P',
        'todayBtn' => true
    ]
]);?>
 
<?php 
// with an ActiveForm instance displayed as a TimePicker
 
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
    ]
]);?>

Further Information

Please, check the Bootstrap DateTimePicker site documentation for further information about its configuration options.

Resources

2amigOS!
web development has never been so fun
www.2amigos.us

Be the first person to leave a comment

Please to leave your comment.

Create extension
Downloads
No downloadable files yet