janisto/yii2-timepicker

Yii 2 widget for jQuery Timepicker Addon.

Yii 2 Timepicker

Yii 2 widget for jQuery Timepicker Addon., _(*1)

, _(*2)

Installation

If you do not have Composer, you may install it by following the instructions at getcomposer.org., _(*3)

You can then install this package using the following command:, _(*4)

php composer.phar require "janisto/yii2-timepicker" "*"

or add, _(*5)

"janisto/yii2-timepicker": "*"

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

Usage

See jQuery Timepicker options., _(*7)

For example to use the timepicker with a yii\base\Model:, _(*8)

echo TimePicker::widget([
     //'language' => 'fi',
    'model' => $model,
    'attribute' => 'created_at',
    'mode' => 'datetime',
    'clientOptions' => [
        'dateFormat' => 'yy-mm-dd',
        'timeFormat' => 'HH:mm:ss',
        'showSecond' => true,
    ]
]);

echo TimePicker::widget([
    //'language' => 'fi',
    'model' => $model,
    'attribute' => 'created_at',
    'mode' => 'datetime',
    'inline' => true,
    'clientOptions' => [
        'onClose' => new \yii\web\JsExpression('function(dateText, inst) { console.log("onClose: " + dateText); }'),
        'onSelect' => new \yii\web\JsExpression('function(dateText, inst) { console.log("onSelect: " + dateText); }'),
    ]
]);

The following example will use the name property instead:, _(*9)

echo TimePicker::widget([
     //'language' => 'fi',
    'name'  => 'from_time',
    'value'  => $value,
    'mode' => 'time',
    'clientOptions' => [
        'hour' => date('H'),
        'minute' => date('i'),
        'second' => date('s'),
    ]
]);

You can also use this widget in an yii\widgets\ActiveForm using the yii\widgets\ActiveField::widget() method, for example like this:, _(*10)

echo $form->field($model, 'field')->widget(\janisto\timepicker\TimePicker::className(), [
    //'language' => 'fi',
    'mode' => 'datetime',
    'clientOptions' => [
        'dateFormat' => 'yy-mm-dd',
        'timeFormat' => 'HH:mm:ss',
        'showSecond' => true,
    ]
]);

Contributing

Please see CONTRIBUTING for details., _(*11)

Credits

• Jani Mikkonen
• All Contributors

License

Public domain. Please see License File for more information., _(*12)