faryshta/yii2-clockpicker

Yii2 wrapper for clockpicker (clock-like time picker) plugin

Faryshta Yii2 ClockPicker

, _(*1)

Bootstrap and Jquery Yii2 widgets for clockpicker (clock-like time picker) jquery plugin, _(*2)

Installation

The preferred way to install this extension is through composer., _(*3)

Either run, _(*4)

composer require --prefer-dist "faryshta/yii2-clockpicker:*"

or add, _(*5)

"faryshta/yii2-clockpicker": "*"

to the require section of your composer.json file., _(*6)

If you want to use the Bootstrap ClockPicker you need to include the yiisoft/yii2-bootstrap extension, _(*7)

composer require --prefer-dist "yiisoft/yii2-bootstrap:*"

or add, _(*8)

"yiisoft/yii2-bootstrap": "*"

Usage

Jquery

In the view file register the asset:, _(*9)

use farystha\widgets\JqueryClockPicker;


// with ActiveForm
echo $form->field($model, 'attribute')->widget(JqueryClockPicker::className() [
    // extra configuration
]);

// without ActiveForm and with model.
echo JqueryClockPicker::widget([
    'model' => $person,
    'attribute' => 'gender',
]);

Bootstrap

In the view file register the asset:, _(*10)

use farystha\widgets\BootstrapClockPicker;


// with ActiveForm
echo $form->field($model, 'attribute')->widget(BootstrapClockPicker::className() [
    // extra configuration
]);

// without ActiveForm and with model.
echo BootstrapClockPicker::widget([
    'model' => $person,
    'attribute' => 'gender',
]);

Documentation

This library doesn't define anything new, the widgets classes are very similar to the class \yii\bootstrap\Widget which can be used as documentation for the widget classes., _(*11)

The JS options can be passed using the $clientOptions property and the events can be declared using the $clientEvents property. The documentation on all the options and events supported by clockpicker can be found here., _(*12)

License

The BSD License (BSD). Please see License File for more information., _(*13)